/**
 * 101 Okey — Modern Anadolu Premium UI
 * Tasarım dokümanı v1 — oyun mantığına dokunmaz
 *
 * Palet: #10182F / #081225 · #D4AF37 / #FFD700 · #174A2B / #10351F
 */

:root {
  --bg-main: #10182F;
  --bg-deep: #081225;
  --gold: #D4AF37;
  --gold-bright: #FFD700;
  --gold-border: rgba(255, 215, 0, 0.25);
  --panel-glass: rgba(255, 255, 255, 0.08);
  --table: #174A2B;
  --table-deep: #10351F;
  --cream: #F5F0E8;
  --ease-out: ease-out;
  --tile-w: 48px;
  --tile-h: 66px;
  --btn-size: 64px;
  --opp-w: 84px;
  --opp-h: 98px;
}

/* Klasik yeşil alternatif (tema switch) */
body.theme-classic-green {
  --bg-main: #0d3b2e;
  --bg-deep: #0a2f24;
  --table: #145c45;
  --table-deep: #0d3b2e;
}

body {
  font-family: 'DM Sans', 'Outfit', system-ui, sans-serif !important;
  background: linear-gradient(165deg, var(--bg-deep) 0%, var(--bg-main) 55%, #0a101f 100%) !important;
  color: #fff;
}

/* ═══ MASA ═══ */
#game {
  background:
    radial-gradient(ellipse 65% 50% at 50% 42%, rgba(255, 255, 255, 0.06), transparent 70%),
    linear-gradient(165deg, var(--table) 0%, #1f5c38 45%, var(--table-deep) 100%) !important;
  border: 12px solid #5C3A21 !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 2px var(--gold),
    0 0 0 5px #3D2414,
    0 14px 44px rgba(0, 0, 0, 0.4),
    inset 0 0 48px rgba(0, 0, 0, 0.25),
    inset 0 2px 0 rgba(255, 255, 255, 0.08) !important;
  overflow: hidden;
}
#game::before {
  content: '' !important;
  position: absolute;
  inset: 8px;
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 248, 220, 0.07), transparent 40%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 3px,
      rgba(0, 0, 0, 0.015) 3px,
      rgba(0, 0, 0, 0.015) 6px
    );
  pointer-events: none;
  z-index: 0;
}
#game::after {
  content: 'OKEY 101';
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-26deg);
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(48px, 8vw, 88px);
  font-weight: 700;
  letter-spacing: 0.28em;
  color: rgba(255, 255, 255, 0.035);
  pointer-events: none;
  z-index: 0;
  white-space: nowrap;
}

#toolbar { display: none !important; }

/* ═══ ÜST + MENÜ — gösterge merkez, meta sakin ═══ */
#topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(8, 18, 37, 0.45) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 10px !important;
  gap: 10px !important;
  z-index: 5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
#topbar .tb-meta,
#topbar .room-info.tb-meta {
  flex: 1 1 0;
  min-width: 0;
  gap: 5px !important;
}
#topbar .tb-chip {
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
#topbar .tb-chip.tb-room {
  color: #fff !important;
  font-weight: 800 !important;
  background: rgba(255, 215, 0, 0.1) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  max-width: 100px;
}
#topbar .tb-chip.tb-rem {
  cursor: pointer;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
#topbar .tb-chip.tb-rem strong {
  color: var(--gold-bright) !important;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.55) !important;
  background: rgba(26, 107, 82, 0.22) !important;
  color: #c8e6c9 !important;
  box-shadow: 0 0 10px rgba(26, 107, 82, 0.28);
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 138, 0, 0.45) !important;
  background: rgba(255, 106, 0, 0.14) !important;
  color: #ffcc80 !important;
}
#topbar .indicator {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 12px !important;
  flex: 0 0 auto;
  padding: 0 4px;
}
#topbar .ind-pair {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
#topbar .ind-cap {
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42) !important;
}
.indicator-box {
  width: 34px !important;
  height: 46px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.7) 0%, transparent 40%),
    linear-gradient(180deg, #fffef9, #e6dccf) !important;
  border: 1.5px solid #c4b8a8 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 3px 0 #b5a894,
    0 6px 12px rgba(0, 0, 0, 0.28) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}
.indicator-box.okey-badge {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, transparent 40%),
    linear-gradient(180deg, #fff8dc, #FFD700 52%, #D4AF37) !important;
  border: 2px solid #e6b800 !important;
  color: #1a1208 !important;
  animation: okeyGlow 2.4s ease-in-out infinite;
}
.indicator-box.gosterge-badge {
  border-color: #c9a227 !important;
}

.an-menu-wrap { position: relative; z-index: 40; margin-left: 0; flex: 0 0 auto; }
.an-menu-btn {
  width: 38px; height: 38px; border-radius: 11px;
  border: 1px solid var(--gold-border);
  background: rgba(16, 24, 47, 0.88);
  color: var(--gold-bright); font-size: 18px; cursor: pointer;
  transition: transform 0.15s var(--ease-out), background 0.15s, box-shadow 0.2s, border-color 0.2s;
  display: inline-flex; align-items: center; justify-content: center;
}
.an-menu-btn svg { width: 18px; height: 18px; fill: currentColor; display: block; }
.an-menu-btn:hover { background: rgba(255, 215, 0, 0.12); }
.an-menu-btn:active { transform: scale(0.92); }
.an-menu-btn.is-open {
  background: rgba(255, 215, 0, 0.16) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.18), 0 6px 16px rgba(0, 0, 0, 0.3);
}
.an-menu-panel {
  display: none; position: absolute; top: 46px; right: 0; min-width: 220px;
  background: linear-gradient(165deg, rgba(21, 36, 68, 0.98), rgba(8, 14, 28, 0.98));
  border: 1px solid rgba(255, 215, 0, 0.32); border-radius: 14px; padding: 8px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  z-index: 50;
  flex-direction: column; gap: 2px;
  animation: menuPanelIn 0.2s var(--ease-out);
}
@keyframes menuPanelIn {
  from { opacity: 0; transform: translateY(-6px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.an-menu-panel.open { display: flex; }
.an-menu-panel button {
  background: transparent; border: none; color: #f0ebe3;
  text-align: left; padding: 11px 12px; border-radius: 10px;
  font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit;
  transition: background 0.15s, color 0.15s, transform 0.12s;
}
.an-menu-panel button:hover { background: rgba(212, 175, 55, 0.14); color: var(--gold-bright); }
.an-menu-panel button:active { transform: scale(0.98); }
.an-menu-panel .tb-btn-undo:disabled {
  opacity: 0.4; cursor: not-allowed;
}
.an-menu-panel #net-status {
  margin: 6px 4px 2px !important;
}

/* ═══ TUR BANDI — ince, net, tek mesaj ═══ */
#turn-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 5px 14px !important;
  margin: 4px auto 2px !important;
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  z-index: 4;
  flex-shrink: 0;
  max-width: min(400px, 92%) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
#turn-banner.mine {
  background: rgba(212, 175, 55, 0.14) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  animation: tbMineGlow 1.8s ease-in-out infinite !important;
}
@keyframes tbMineGlow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.16), 0 4px 14px rgba(0, 0, 0, 0.22); }
  50% { box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.28), 0 6px 20px rgba(255, 215, 0, 0.12); }
}
#turn-banner.urgent {
  background: rgba(191, 80, 20, 0.22) !important;
  border-color: rgba(255, 138, 0, 0.65) !important;
  animation: tbUrgentSoft 0.85s ease-in-out infinite !important;
}
@keyframes tbUrgentSoft {
  0%, 100% { box-shadow: 0 0 8px rgba(255, 106, 0, 0.2); }
  50% { box-shadow: 0 0 18px rgba(255, 106, 0, 0.4); }
}
#turn-banner .tb-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  flex-shrink: 0;
  background: #8fd4b8;
  box-shadow: 0 0 6px #8fd4b8;
  animation: pulseDot 1.4s ease infinite;
}
#turn-banner.mine .tb-dot {
  background: var(--gold-bright);
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
}
#turn-banner.urgent .tb-dot {
  background: #ff8a00;
  box-shadow: 0 0 8px rgba(255, 138, 0, 0.7);
}
#turn-banner.urgent .tb-name { color: #ffcc80 !important; }
#turn-banner.urgent .tb-tag {
  background: rgba(255, 138, 0, 0.2) !important;
  color: #ffcc80 !important;
  border-color: rgba(255, 138, 0, 0.45) !important;
}
#turn-banner .tb-tag {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  padding: 2px 7px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
#turn-banner.mine .tb-tag {
  background: rgba(255, 215, 0, 0.2);
  color: var(--gold-bright);
  border-color: rgba(255, 215, 0, 0.4);
}
#turn-banner .tb-name {
  font-weight: 700 !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}
#turn-banner.mine .tb-name { color: var(--gold-bright) !important; }
#turn-banner .tb-timer {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  min-width: 26px;
  text-align: center;
  color: #fff !important;
  font-variant-numeric: tabular-nums;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#turn-banner.mine .tb-timer.normal {
  color: var(--gold-bright) !important;
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
}
#turn-banner .tb-timer.warning,
#turn-banner .tb-timer.urgent {
  color: #ff8a00 !important;
  background: rgba(255, 138, 0, 0.16) !important;
  border-color: rgba(255, 138, 0, 0.45) !important;
  animation: timerBlink 0.65s ease infinite;
}
#turn-banner .tb-bar {
  width: 76px !important;
  height: 6px !important;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#turn-banner .tb-bar > i {
  display: block; height: 100%; width: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-bright), #ffe082);
  transform-origin: left; transition: transform 0.3s linear, background 0.25s;
  border-radius: 999px;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, var(--gold-bright));
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40);
}
#turn-banner.warn .tb-bar > i,
#turn-banner .tb-bar > i.is-warn {
  background: linear-gradient(90deg, #e65100, #ff8a00, #ffd54f);
}
@media (prefers-reduced-motion: reduce) {
  #turn-banner.mine,
  #turn-banner.urgent { animation: none !important; }
}
@keyframes pulseDot {
  0%, 100% { opacity: 1; } 50% { opacity: 0.45; }
}
@keyframes timerBlink {
  0%, 100% { opacity: 1; } 50% { opacity: 0.55; }
}

/* ═══ OYUNCU KARTLARI ═══ */
.opp-card {
  width: var(--opp-w) !important;
  min-height: var(--opp-h) !important;
  background:
    linear-gradient(165deg, rgba(18, 36, 64, 0.55), rgba(0, 0, 0, 0.38)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 14px !important;
  padding: 8px 6px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  display: flex; flex-direction: column; align-items: center;
  transition: box-shadow 0.25s, border-color 0.25s, background 0.25s;
}
.opp-card.offline {
  border-color: rgba(191, 106, 74, 0.35) !important;
  background:
    linear-gradient(165deg, rgba(48, 28, 22, 0.4), rgba(0, 0, 0, 0.38)) !important;
  opacity: 0.85;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn 0.45s ease-out !important;
}
@keyframes oppDrawFlashAn {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.28); }
  40% { box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.35), 0 0 22px rgba(255, 215, 0, 0.3); }
  100% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28); }
}
/* Üst rakip: yatay şerit — merkeze binmesin */
#opp-top .opp-card {
  width: auto !important;
  min-width: 160px !important;
  max-width: min(320px, 70%) !important;
  min-height: 0 !important;
  height: auto !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 6px 12px 6px 8px !important;
  gap: 10px;
}
#opp-top .opp-card .avatar {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}
#opp-top .opp-card .opp-mid {
  display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1;
  align-items: flex-start;
}
#opp-top .opp-card .name { margin-top: 0 !important; text-align: left !important; }
#opp-top .opp-card .tile-backs { margin-top: 0 !important; justify-content: flex-start !important; }
#opp-top .opp-card .tile-meta { margin-top: 0 !important; }
#opp-top .opp-card .turn-chip { margin-top: 0 !important; margin-left: auto; }
.opp-card.active {
  border-color: var(--gold-bright) !important;
  box-shadow:
    0 0 0 3px rgba(212, 175, 55, 0.45),
    0 0 28px rgba(255, 215, 0, 0.35) !important;
}
.opp-card .avatar {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #8B5E3C, #5C3A21) !important;
  border: 2px solid transparent !important;
  background-clip: padding-box;
  box-shadow: 0 0 0 2px var(--gold), 0 3px 8px rgba(0, 0, 0, 0.35);
  font-size: 15px !important; position: relative;
  margin: 0 auto 3px !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px var(--gold-bright),
    0 0 18px rgba(255, 215, 0, 0.65),
    0 4px 10px rgba(0, 0, 0, 0.35);
  animation: avatarRing 1.6s ease-in-out infinite;
}
@keyframes avatarRing {
  0%, 100% { box-shadow: 0 0 0 3px var(--gold-bright), 0 0 12px rgba(255, 215, 0, 0.45); }
  50% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.7), 0 0 22px rgba(255, 215, 0, 0.7); }
}
.opp-card .avatar::after {
  content: ''; position: absolute; bottom: -1px; right: -1px;
  width: 12px; height: 12px; border-radius: 50%;
  background: #1a6b52; border: 2px solid var(--bg-main);
}
.opp-card.offline .avatar::after { background: #bf6a4a; }
.opp-card .name {
  font-size: 11px !important; font-weight: 700 !important;
  color: #fff !important; margin-top: 4px; text-align: center;
  max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.opp-card .lvl { display: none !important; }
.opp-card .tile-count { display: none !important; }
.opp-card .status-lbl { display: none; }
.opp-card .status-lbl.off {
  display: block; font-size: 9px; color: #ffab91; margin-top: 3px; font-weight: 700;
}
.opp-card .tile-backs {
  display: flex !important; justify-content: center; align-items: flex-end;
  height: 20px; margin-top: 5px;
}
.opp-card .tile-back {
  width: 11px; height: 16px; margin-left: -5px;
  border-radius: 2px;
  background: linear-gradient(145deg, #1b6b52, #0e3f32);
  border: 1px solid rgba(212, 175, 55, 0.45);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.opp-card .tile-backs .tile-back:first-child { margin-left: 0; }
.opp-card .tile-more {
  font-size: 8px; font-weight: 700; color: rgba(255,255,255,0.55);
  margin-left: 3px; align-self: center;
}
.opp-card .tile-meta {
  font-size: 10px !important; color: rgba(255, 255, 255, 0.55) !important; margin-top: 3px;
}
.opp-card .turn-chip {
  display: inline-block; margin-top: 4px;
  font-size: 8px; font-weight: 800; letter-spacing: 0.04em;
  color: #1a1408; background: var(--gold-bright);
  padding: 2px 8px; border-radius: 999px;
  box-shadow: 0 2px 6px rgba(255, 215, 0, 0.3);
}
.opp-card.thinking .turn-chip { animation: timerBlink 1.2s ease-in-out infinite; }

/* ═══ MERKEZ / SERİ KARTLARI ═══ */
#center-board { margin: 0 !important; gap: 6px !important; }
#goal-indicator {
  background: rgba(255, 215, 0, 0.1) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  color: var(--gold-bright) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
#goal-indicator .check.show {
  color: #8fd4b8 !important;
  margin-left: 4px;
}
.center-stage { gap: 12px !important; min-height: 128px !important; }
.center-panel {
  background:
    linear-gradient(165deg, rgba(18, 36, 64, 0.45), rgba(0, 0, 0, 0.28)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.2);
}
.panel-caption { color: var(--gold-bright) !important; opacity: 0.8; }
.opened-panel #opened-sets-area {
  max-height: 130px !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.set-group {
  background:
    linear-gradient(155deg, rgba(18, 36, 64, 0.5), rgba(0, 0, 0, 0.32)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
  animation: cardSlide 280ms var(--ease-out);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  transform: translateY(-1px);
}
.set-group.mine {
  border-left-color: #8fd4b8 !important;
  background:
    linear-gradient(155deg, rgba(26, 107, 82, 0.22), rgba(0, 0, 0, 0.28)) !important;
  box-shadow: 0 0 0 1px rgba(26, 107, 82, 0.2), 0 4px 14px rgba(0, 0, 0, 0.22);
}
.set-group.mine .set-owner { color: #8fd4b8 !important; }
.set-group.just-opened {
  animation: setOpenPop 0.55s var(--ease-out) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.35), 0 8px 22px rgba(255, 215, 0, 0.15) !important;
}
@keyframes setOpenPop {
  0% { transform: scale(0.92); opacity: 0.6; }
  55% { transform: scale(1.03); opacity: 1; }
  100% { transform: scale(1); }
}
@keyframes cardSlide {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .set-group.just-opened { animation: none !important; }
}
.set-group .set-owner {
  font-size: 10px; font-weight: 700; color: var(--gold-bright);
  letter-spacing: 0.04em; text-transform: uppercase;
}
.set-group .set-tiles { display: flex; gap: 3px; }
.set-group .mini-tile,
#discard-pile .mini-tile {
  width: 28px !important; height: 38px !important; border-radius: 6px !important;
  background: linear-gradient(180deg, #fff, #eee) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-family: 'Cormorant Garamond', serif !important; font-size: 13px !important; font-weight: 700;
}
#discard-pile .mini-tile.discard-top {
  width: 52px !important; height: 70px !important; font-size: 22px !important;
  border: 2px solid var(--gold) !important;
  border-radius: 10px !important;
}
.set-group .mini-tile.okey,
#discard-pile .mini-tile.okey {
  border: 1.5px solid var(--gold) !important;
  background: linear-gradient(145deg, #fff3c4, #D4AF37) !important;
}
#discard-pile .mini-tile.anim-land,
#discard-pile .discard-top.anim-land {
  animation: discardLand 300ms var(--ease-out);
}
@keyframes discardLand {
  0% { transform: translateY(-36px) rotate(-14deg) scale(1.15); opacity: 0.5; }
  100% { transform: translateY(0) rotate(0) scale(1); opacity: 1; }
}
#chip-display {
  background: var(--panel-glass) !important;
  border: 1px solid var(--gold-border);
  color: var(--gold-bright) !important;
  border-radius: 14px !important;
}

/* ═══ TAŞ SİSTEMİ — referans istaka ═══ */
#rack-section {
  background:
    repeating-linear-gradient(
      95deg,
      rgba(255, 220, 170, 0.05) 0 2px,
      transparent 2px 13px
    ),
    linear-gradient(180deg, #8d5e32 0%, #6e4524 45%, #543318 100%) !important;
  border: 2px solid #4a3018 !important;
  border-radius: 14px !important;
  padding: 8px 10px 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.4),
    inset 0 -8px 16px rgba(0, 0, 0, 0.25),
    0 10px 28px rgba(0, 0, 0, 0.5) !important;
  z-index: 2;
}
#rack-header span { color: rgba(255, 236, 210, 0.78) !important; font-weight: 600; font-size: 12px; }
#rack-header .rack-title {
  font-size: 13px !important; font-weight: 700 !important;
  color: #ffe8c8 !important; letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
#rack-header .rack-title #hand-count { color: #ffe082 !important; }
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.55) !important;
  color: #ffe0b2 !important;
  background: rgba(255, 152, 0, 0.22) !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.55) !important;
  color: #ffccbc !important;
  background: rgba(216, 67, 21, 0.24) !important;
}
#rack-container.istaka-well,
#rack-container {
  position: relative !important;
  gap: 12px !important;
  min-height: calc(var(--tile-h) * 2 + 44px) !important;
  padding: 11px 9px 12px !important;
  border-radius: 11px !important;
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 200, 120, 0.05), transparent 50%),
    linear-gradient(180deg, #24150e 0%, #160e09 100%) !important;
  box-shadow:
    inset 0 12px 26px rgba(0, 0, 0, 0.72),
    inset 0 -2px 8px rgba(255, 200, 140, 0.05),
    inset 0 0 0 1px rgba(0, 0, 0, 0.55) !important;
}
.rack-empty-chip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  border-radius: 999px;
  pointer-events: none;
  color: #ffe8c8;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  background: linear-gradient(165deg, rgba(26, 107, 82, 0.55), rgba(13, 59, 46, 0.72));
  border: 1px solid rgba(255, 215, 0, 0.35);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  animation: rackEmptyIn 0.35s ease-out;
}
.rack-empty-ico {
  display: flex;
  width: 18px;
  height: 18px;
  color: #ffd700;
  opacity: 0.9;
}
.rack-empty-ico svg { width: 100%; height: 100%; }
@keyframes rackEmptyIn {
  from { opacity: 0; transform: translate(-50%, -45%) scale(0.92); }
  to { opacity: 1; transform: translate(-50%, -55%) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .rack-empty-chip { animation: none !important; }
}
.rack-row {
  display: grid !important;
  grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
  gap: 3px !important;
  min-height: calc(var(--tile-h) + 11px) !important;
  padding: 0 1px 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rack-row::after {
  height: 8px !important;
  border-radius: 2px !important;
  background:
    linear-gradient(180deg,
      #e8c994 0%,
      #c9a06a 22%,
      #9a6b3c 58%,
      #6a4122 100%) !important;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 245, 220, 0.6),
    inset 0 -1px 0 rgba(0, 0, 0, 0.28) !important;
}
.rack-slot.empty {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.12) 68%, transparent) !important;
  box-shadow:
    inset 0 4px 8px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 220, 170, 0.08) !important;
  border-radius: 8px !important;
  min-height: calc(var(--tile-h) - 6px) !important;
}
.rack-slot.empty::after {
  left: 20% !important;
  right: 20% !important;
  bottom: 7px !important;
  height: 2px !important;
  background: rgba(255, 220, 170, 0.12) !important;
}
.rack-slot.drop-target {
  background: rgba(255, 215, 0, 0.18) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 215, 0, 0.65),
    inset 0 4px 8px rgba(0, 0, 0, 0.35) !important;
}
.rack-slot .tile {
  width: 100% !important;
  max-width: var(--tile-w) !important;
  height: var(--tile-h) !important;
  margin-bottom: 0 !important;
}

/* Per önizleme — masa diliyle uyumlu */
#pending-section {
  margin: 0 8px 4px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  backdrop-filter: blur(6px);
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
#pending-section.ready {
  border-color: rgba(26, 107, 82, 0.55) !important;
  background: rgba(13, 59, 46, 0.35) !important;
  box-shadow: 0 0 0 1px rgba(26, 107, 82, 0.25), 0 0 16px rgba(26, 107, 82, 0.15) !important;
}
#pending-section.almost {
  border-color: rgba(255, 183, 77, 0.5) !important;
  background: rgba(230, 81, 0, 0.16) !important;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.12) !important;
}
.pending-caption {
  font-size: 10px !important;
  letter-spacing: 0.05em;
  color: rgba(255, 236, 210, 0.55) !important;
}
#pending-section.ready .pending-caption { color: #a8e0c8 !important; }
#pending-section.almost .pending-caption { color: #ffcc80 !important; }
.pending-set {
  border-radius: 8px !important;
  padding: 4px 6px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-left: 3px solid rgba(255, 215, 0, 0.35);
}
#pending-section.ready .pending-set {
  border-left-color: #8fd4b8 !important;
  background: rgba(26, 107, 82, 0.14) !important;
}
#pending-section.almost .pending-set {
  border-left-color: #ffb74d !important;
}
.pending-set span {
  width: 22px !important;
  height: 28px !important;
  border-radius: 5px !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 11px !important;
  background: linear-gradient(180deg, #fffef9, #e8dfd0) !important;
  border: 1px solid #c4b8a8 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

/* Atılan — hiyerarşi: büyük üst taş, soluk iz */
.discard-panel {
  flex: 0 0 48px !important;
  background:
    linear-gradient(165deg, rgba(18, 36, 64, 0.35), rgba(0, 0, 0, 0.28)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.15s;
}
.discard-panel.can-pick {
  border-style: solid !important;
  border-color: rgba(26, 107, 82, 0.55) !important;
  background:
    linear-gradient(165deg, rgba(26, 107, 82, 0.22), rgba(0, 0, 0, 0.28)) !important;
  box-shadow: 0 0 0 1px rgba(26, 107, 82, 0.2), 0 0 18px rgba(26, 107, 82, 0.15);
}
#discard-pile .mini-tile.discard-top {
  width: 48px !important;
  height: 66px !important;
  font-size: 22px !important;
  font-family: 'Cormorant Garamond', serif !important;
  border-radius: 9px !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.7) 0%, transparent 40%),
    linear-gradient(180deg, #fffef9, #e6dccf) !important;
  border: 2px solid var(--gold) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 4px 0 #b5a894,
    0 10px 18px rgba(0, 0, 0, 0.35) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  border-color: #1a6b52 !important;
  box-shadow:
    0 0 0 2px rgba(26, 107, 82, 0.45),
    0 0 18px rgba(26, 107, 82, 0.35),
    0 8px 16px rgba(0, 0, 0, 0.3) !important;
  animation: discardPickPulse 1.4s ease-in-out infinite;
}
@keyframes discardPickPulse {
  0%, 100% { box-shadow: 0 0 0 2px rgba(26, 107, 82, 0.35), 0 0 12px rgba(26, 107, 82, 0.25), 0 8px 16px rgba(0, 0, 0, 0.3); }
  50% { box-shadow: 0 0 0 3px rgba(143, 212, 184, 0.5), 0 0 20px rgba(26, 107, 82, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3); }
}
@media (prefers-reduced-motion: reduce) {
  #discard-pile.can-pick .mini-tile.discard-top { animation: none !important; }
}
#discard-pile .discard-trail .mini-tile {
  width: 20px !important;
  height: 28px !important;
  font-size: 10px !important;
  opacity: 0.55;
  transform: scale(0.96);
}
#discard-pile .discard-meta {
  font-size: 10px !important;
  letter-spacing: 0.02em;
}
#discard-pile.can-pick .discard-meta {
  color: #8fd4b8 !important;
  font-weight: 700 !important;
}
.tile {
  width: var(--tile-w) !important;
  height: var(--tile-h) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.72) 0%, transparent 42%),
    linear-gradient(180deg, #fffef9 0%, #f3ebe0 55%, #e6dccf 100%) !important;
  border: 1.5px solid #c4b8a8 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #b5a894,
    0 7px 14px rgba(0, 0, 0, 0.28) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(19px, 3vw, 26px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: transform 0.16s var(--ease-out), box-shadow 0.16s var(--ease-out), filter 0.16s !important;
  will-change: transform;
  position: relative;
}
.tile::before {
  content: ''; position: absolute; top: 3px; left: 7px; right: 7px; height: 22%;
  border-radius: 7px 7px 40% 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent);
  pointer-events: none;
}
.tile .tile-label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  opacity: 0.72 !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  margin-top: 2px;
  text-transform: uppercase;
}
.tile .tile-pip {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
  opacity: 0.9;
}
.tile:hover:not(.selected):not(.dragging) {
  transform: translateY(-5px) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 5px 0 #b5a894,
    0 12px 20px rgba(0, 0, 0, 0.32) !important;
}
.tile.selected {
  outline: none !important;
  transform: translateY(-7px) !important;
  filter: none !important;
  border-color: var(--gold-bright) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 0 0 2px rgba(255, 215, 0, 0.95),
    0 0 0 5px rgba(255, 215, 0, 0.22),
    0 10px 22px rgba(0, 0, 0, 0.35) !important;
  z-index: 3;
}
.tile.dragging {
  opacity: 0.96 !important;
  pointer-events: none !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 14px 30px rgba(0, 0, 0, 0.48),
    0 0 0 2px var(--gold-bright) !important;
}
#discard-pile.drop-hover {
  border-color: var(--gold-bright) !important;
  background: rgba(212, 175, 55, 0.18) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.35);
  transform: scale(1.02);
  transition: transform 0.15s ease-out, box-shadow 0.15s;
}
.tile.okey-tile {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, transparent 40%),
    linear-gradient(180deg, #fff8dc, #FFD700 52%, #D4AF37) !important;
  border: 2px solid #e6b800 !important;
  color: #1a1208 !important;
  animation: okeyGlow 2.4s ease-in-out infinite;
}
@keyframes okeyGlow {
  0%, 100% { box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 3px 0 #b8860b, 0 0 8px rgba(255,215,0,.35); }
  50% { box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 3px 0 #b8860b, 0 0 16px rgba(255,215,0,.55); }
}
/* Renkler — krem zeminde yüksek kontrast */
.tile.color-Kırmızı { color: #C62828 !important; }
.tile.color-Siyah,
.tile.color-Yeşil { color: #1B5E20 !important; }
.tile.color-Mavi { color: #0D47A1 !important; }
.tile.color-Sarı {
  color: #F9A825 !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
}
.tile.color-Sarı .tile-label { color: #F57F17 !important; opacity: 0.9 !important; }
.tile.anim-throw { animation: throwArc 300ms var(--ease-out) forwards !important; }
@keyframes throwArc {
  0% { transform: translateY(-20px) rotate(0) scale(1.08); opacity: 1; }
  55% { transform: translateY(-52px) rotate(10deg) scale(1.02); opacity: 1; }
  100% { transform: translateY(48px) rotate(-6deg) scale(0.65); opacity: 0; }
}
.tile.anim-draw { animation: drawDrop 300ms var(--ease-out) !important; }
@keyframes drawDrop {
  0% { transform: translateY(-48px) scale(0.75); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

/* Uçan taş — throw/draw ghost */
.fly-tile {
  position: fixed;
  z-index: 12000;
  pointer-events: none;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  font-family: Outfit, DM Sans, system-ui, sans-serif;
  font-weight: 800;
  font-size: 22px;
  border-radius: 10px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, transparent 40%),
    linear-gradient(180deg, #fffbf3, #e8dfd0 70%, #d4c4a8);
  border: 2px solid rgba(255, 215, 0, 0.35);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  transition: transform 320ms cubic-bezier(0.22, 0.9, 0.28, 1), opacity 280ms ease;
  will-change: transform, opacity;
  opacity: 1;
}
.fly-tile.okey {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.5) 0%, transparent 36%),
    linear-gradient(180deg, #fff8dc, #FFD700 55%, #D4AF37);
  border-color: var(--gold-bright, #ffd700);
  color: #1a1208 !important;
}
.fly-tile.face-down {
  background: linear-gradient(145deg, #1b5e20, #0d3b12);
  border-color: rgba(255, 215, 0, 0.25);
  color: transparent !important;
}
.fly-tile.fly-tile-draw {
  transition-duration: 280ms;
}

/* ═══ ALT MENÜ — profesyonel pill dock (okunaklı etiket + tek CTA) ═══ */
#actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  justify-content: center !important;
  align-items: stretch !important;
  padding: 6px 10px 10px !important;
  background: transparent !important;
  flex-wrap: nowrap !important;
}
#actions .actions-primary,
#actions .actions-secondary {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 6px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 215, 0, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
#actions .actions-secondary {
  max-width: 360px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.18);
  border-color: rgba(255, 255, 255, 0.08);
}
#actions .actions-secondary[hidden] { display: none !important; }

#actions .btn {
  flex: 1 1 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 52px !important;
  min-width: 0 !important;
  border-radius: 12px !important;
  padding: 8px 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  gap: 2px !important;
  transition: transform 0.14s var(--ease-out), filter 0.14s, box-shadow 0.14s, opacity 0.14s !important;
}
#actions .btn-secondary {
  width: auto !important;
  height: auto !important;
  min-height: 40px !important;
  padding: 6px 4px !important;
  border-radius: 10px !important;
  opacity: 0.96;
}
#actions .btn .icon { font-size: 18px !important; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
#actions .btn .icon svg { width: 18px; height: 18px; fill: currentColor; display: block; }
.rack-arrange-btn .rack-arr-ico { display: inline-flex; align-items: center; justify-content: center; }
.rack-arrange-btn .rack-arr-ico svg { width: 14px; height: 14px; fill: currentColor; display: block; }
#actions .btn-secondary .icon { font-size: 14px !important; }
#actions .btn .btn-lbl {
  font-size: 11px !important;
  margin-top: 1px;
  text-transform: none !important;
  letter-spacing: 0.01em;
  font-weight: 700;
}
#actions .btn-secondary .btn-lbl { font-size: 10px !important; }
#actions .btn:disabled {
  opacity: 0.28 !important;
  filter: grayscale(0.35);
  box-shadow: none !important;
  transform: none !important;
}
#actions .btn:not(:disabled):hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08);
}
#actions .btn:not(:disabled):active {
  transform: translateY(0) scale(0.97) !important;
}

/* Tek aktif CTA nabız — diğerleri sakin */
#actions .btn-draw:not([disabled]),
#actions .btn-elden:not([disabled]),
#actions .btn-throw:not([disabled]) {
  animation: none !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  animation: ctaPulse 1.35s ease-in-out infinite !important;
}
@keyframes ctaPulse {
  0%, 100% { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28), 0 0 0 0 rgba(255, 215, 0, 0); }
  50% { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), 0 0 0 3px rgba(255, 215, 0, 0.28); }
}

.btn-draw { background: linear-gradient(160deg, #1a6b52, #0d3b2e) !important; }
.btn-elden { background: linear-gradient(160deg, #ffc107, #ff8f00) !important; color: #1a1208 !important; }
.btn-throw { background: linear-gradient(160deg, #ff9800, #e65100) !important; }
.btn-open.diz { background: linear-gradient(160deg, #ffb300, #e65100) !important; }
.btn-open.cift { background: linear-gradient(160deg, #ff8f00, #bf360c) !important; }
.btn-finish { background: linear-gradient(160deg, #2a7a5c, #0d3b2e) !important; box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35), 0 4px 14px rgba(13, 59, 46, 0.45) !important; }

#actions .btn:not([disabled]) {
  transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.15s ease;
}
#actions .btn:not([disabled]):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
#actions .btn:not([disabled]):active {
  transform: translateY(0) scale(0.98);
}

/* ═══ MERKEZ PANEL İŞÇİLİĞİ ═══ */
.center-stage {
  gap: 10px !important;
  min-height: 0 !important;
  align-items: stretch !important;
}
.center-panel {
  padding: 8px 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}
.panel-head {
  margin-bottom: 2px;
}
.panel-caption {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  opacity: 0.8;
}
.panel-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 10px !important;
  color: rgba(255, 255, 255, 0.28) !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.3;
}
.panel-empty-discard .pe-ico {
  font-size: 18px;
  opacity: 0.45;
  color: var(--gold-bright);
}
.panel-empty-discard .pe-txt { font-size: 11px; }
.discard-panel {
  flex: 0 0 48px !important;
  min-width: 132px;
}
.discard-panel .panel-caption { text-align: center; width: 100%; }
.discard-meta {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 2px;
}
#chip-display.chip-pill,
#chip-display {
  align-self: center;
  margin-top: 2px;
  padding: 3px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.85;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid var(--gold-border) !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--gold-bright, #ffd700) !important;
}
#chip-display .chip-ico {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffe082, #ff8f00 55%, #e65100);
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35);
  flex-shrink: 0;
}

/* Rack header: net hiyerarşi */
#rack-header {
  padding: 0 2px 6px !important;
}
.rack-arrange-btn {
  min-height: 28px;
  padding: 5px 10px !important;
  font-size: 11px !important;
}
.rack-arrange-btn:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

/* ═══ DOCK + SOHBET + HEDİYE — masa köşesi ═══ */
#table-dock {
  bottom: 108px !important;
  right: 12px !important;
  gap: 9px !important;
  z-index: 22 !important;
}
.dock-btn {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: rgba(8, 18, 37, 0.88) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.15s var(--ease-out), border-color 0.15s, box-shadow 0.15s !important;
}
.dock-btn .dock-ico { font-size: 20px; line-height: 1; }
.dock-btn:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45), 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.dock-btn.active {
  border-color: var(--gold-bright) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.35), 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}
#btn-gift {
  background: linear-gradient(145deg, #132b5c, #071228) !important;
  border-color: rgba(255, 106, 0, 0.5) !important;
  color: #ff6a00 !important;
}
#btn-chat {
  background: linear-gradient(145deg, #243356, #0b1a3d) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  color: #ffd700 !important;
}
.dock-btn {
  transition: transform 0.15s, filter 0.15s, box-shadow 0.2s, border-color 0.2s !important;
}
.dock-btn.active {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.28), 0 10px 24px rgba(0, 0, 0, 0.4) !important;
}
#btn-gift.active {
  border-color: rgba(255, 138, 0, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.25), 0 10px 24px rgba(255, 106, 0, 0.18) !important;
}
#btn-chat.active {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.3), 0 10px 24px rgba(255, 215, 0, 0.15) !important;
}
#btn-chat.has-unread:not(.active) {
  animation: dockUnreadPulse 1.8s ease-in-out infinite;
}
@keyframes dockUnreadPulse {
  0%, 100% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4); }
  50% { box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.22), 0 8px 22px rgba(255, 215, 0, 0.18); }
}
@media (prefers-reduced-motion: reduce) {
  #btn-chat.has-unread:not(.active) { animation: none !important; }
}
.dock-ico {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.dock-ico svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.dock-badge {
  top: -4px !important;
  right: -4px !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
  font-size: 9px !important;
  border: 1.5px solid rgba(8, 18, 37, 0.9) !important;
  background: linear-gradient(145deg, #ffd700, #e6a800) !important;
  color: #1a1408 !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4) !important;
}
.dock-badge.is-hot {
  background: linear-gradient(145deg, #ff8a00, #ff6a00) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(255, 106, 0, 0.45) !important;
}

#gift-panel, #chat-panel {
  background: linear-gradient(165deg, rgba(16, 28, 52, 0.97), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  bottom: 164px !important;
  right: 12px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#gift-panel { width: 292px !important; }
#chat-panel { width: 308px !important; max-height: 360px !important; }
#gift-panel.show, #chat-panel.show {
  animation: panelRise 0.22s cubic-bezier(0.22, 0.9, 0.28, 1) !important;
}
@keyframes panelRise {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.chat-head {
  padding: 11px 12px !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.1), transparent) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.chat-head-title {
  display: block;
  color: var(--gold-bright) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em;
}
.chat-head-sub {
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}
.chat-head button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.gift-hint {
  padding: 8px 12px 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4) !important;
}
.gift-targets {
  padding: 8px 12px 0 !important;
  gap: 6px !important;
}
.gift-targets button {
  border-radius: 999px !important;
  padding: 5px 12px 5px 6px !important;
  font-size: 11px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: background 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s !important;
}
.gift-targets button:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  transform: translateY(-1px);
}
.gift-targets button.active {
  border-color: var(--gold-bright) !important;
  background: rgba(255, 215, 0, 0.18) !important;
  color: var(--gold-bright) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.gift-targets button.active .gift-av {
  background: rgba(26, 107, 82, 0.4) !important;
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
}
.gift-targets .panel-empty {
  width: 100%;
  justify-content: center;
  padding: 10px 8px !important;
}
.gift-grid {
  gap: 7px !important;
  padding: 10px 12px 14px !important;
}
.gift-grid button {
  gap: 2px !important;
  padding: 8px 4px 7px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  transition: transform 0.12s, border-color 0.12s, background 0.12s, box-shadow 0.12s !important;
}
.gift-grid button .g-emo { font-size: 20px; line-height: 1.1; display: inline-flex; align-items: center; justify-content: center; }
.gift-grid button .g-emo svg { width: 22px; height: 22px; fill: currentColor; display: block; color: #ffd700; }
.gift-grid button .g-name {
  font-size: 9px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.02em;
}
.gift-grid button small {
  font-size: 9px !important;
  color: var(--gold-bright) !important;
  font-weight: 800 !important;
}
.gift-grid button:hover {
  background: rgba(255, 215, 0, 0.14) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(255, 215, 0, 0.12);
}
.gift-grid button:active { transform: scale(0.96) !important; }
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.35) !important;
}
#gift-panel.has-target .gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background: rgba(255, 106, 0, 0.12) !important;
}

#chat-messages {
  min-height: 110px !important;
  max-height: 168px !important;
  padding: 10px 11px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 215, 0, 0.25) transparent;
}
.chat-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 22px 10px !important;
  color: rgba(255, 255, 255, 0.38) !important;
  font-size: 12px !important;
}
.chat-empty-ico {
  width: 40px; height: 40px; border-radius: 12px; margin-bottom: 4px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.06));
  border: 1px solid rgba(255, 215, 0, 0.3); color: #ffd700;
}
.chat-empty-ico svg { width: 18px; height: 18px; fill: currentColor; display: block; }
.chat-empty-title { font-weight: 800; color: rgba(255, 255, 255, 0.72) !important; font-size: 13px !important; }
.chat-empty-sub { font-size: 11px; color: rgba(255, 255, 255, 0.4); }
.chat-line {
  margin-bottom: 7px !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
  border-radius: 11px !important;
  background: #f5f0e6 !important;
  border: 1px solid rgba(201, 162, 39, 0.22) !important;
  color: #1a1408 !important;
  line-height: 1.35 !important;
  word-break: break-word;
}
.chat-line b {
  color: #8a6d00 !important;
  margin-right: 5px !important;
}
.chat-line.me {
  background: #e8f0e9 !important;
  border-color: rgba(26, 107, 82, 0.4) !important;
}
.chat-line.me b { color: #0d3b2e !important; }
.chat-line.gift {
  background: #fff3e0 !important;
  border-color: rgba(255, 140, 0, 0.35) !important;
}
.chat-quick {
  gap: 5px !important;
  padding: 0 11px 8px !important;
}
.chat-quick button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(255, 215, 0, 0.06) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  color: #ffd700 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  transition: transform 0.12s, background 0.12s, border-color 0.12s, box-shadow 0.12s !important;
}
.chat-quick button svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}
.chat-quick button:hover {
  background: rgba(255, 215, 0, 0.16) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.15);
}
.chat-quick button:active {
  transform: scale(0.94) !important;
}
.chat-input-row {
  gap: 7px !important;
  padding: 8px 11px 11px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.chat-input-row input {
  border-radius: 11px !important;
  padding: 9px 11px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  font-size: 13px !important;
}
.chat-input-row input::placeholder { color: rgba(255, 255, 255, 0.35); }
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.12);
}
.chat-input-row .chat-send,
.chat-input-row button {
  border-radius: 11px !important;
  padding: 0 14px !important;
  min-height: 38px;
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  border: none !important;
}

/* Uçan taş / hediye — daha kısa, sakin */
.fly-tile {
  transition: transform 280ms cubic-bezier(0.22, 0.9, 0.28, 1), opacity 240ms ease !important;
}
.gift-anim {
  font-size: 0 !important;
  width: 52px;
  height: 52px;
  left: 0 !important;
  top: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #ffd700;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 12px rgba(255, 215, 0, 0.35));
  animation: giftArcFly 1.45s cubic-bezier(0.22, 0.9, 0.28, 1) forwards !important;
  pointer-events: none;
  z-index: 6;
}
.gift-anim svg {
  width: 44px;
  height: 44px;
  fill: currentColor;
  display: block;
}
@keyframes giftArcFly {
  0% {
    opacity: 0.85;
    transform: translate(var(--gx0, 50%), var(--gy0, 70%)) scale(0.4) rotate(-14deg);
  }
  45% {
    opacity: 1;
    transform: translate(
        calc((var(--gx0, 50%) + var(--gx1, 50%)) / 2),
        calc(var(--gy1, 25%) - 40px)
      )
      scale(1.18) rotate(8deg);
  }
  100% {
    opacity: 0;
    transform: translate(var(--gx1, 50%), var(--gy1, 25%)) scale(0.65) rotate(0deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .gift-anim {
    animation: giftFadeQuick 0.6s ease-out forwards !important;
  }
  @keyframes giftFadeQuick {
    from { opacity: 1; transform: translate(var(--gx1, 50%), var(--gy1, 25%)) scale(1); }
    to { opacity: 0; transform: translate(var(--gx1, 50%), var(--gy1, 25%)) scale(0.9); }
  }
}

#ux-tip {
  bottom: 118px !important;
  max-width: min(280px, 84%) !important;
  border-radius: 12px !important;
  padding: 9px 12px !important;
  background: rgba(8, 18, 37, 0.94) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
}
#ux-tip .ux-tip-msg { font-size: 11px !important; }

/* ═══ LOBİ + EŞLEŞME — marka önce, tek hero CTA ═══ */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.14), transparent 48%),
    radial-gradient(ellipse at 80% 100%, rgba(23, 74, 43, 0.35), transparent 45%),
    linear-gradient(175deg, var(--bg-deep) 0%, #0a101c 55%, #071018 100%) !important;
  padding: 22px 20px 18px !important;
  gap: 0;
  overflow-y: auto;
}
.lobby-header {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px;
}
.lobby-header-btns { display: none !important; }
.lobby-brand {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.lobby-title {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--gold-bright) !important;
  letter-spacing: 0.14em !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.1;
  text-shadow: 0 2px 18px rgba(255, 215, 0, 0.18);
}
.lobby-mode-toggle {
  display: inline-flex !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  gap: 2px !important;
}
.lobby-mode-btn {
  border: none !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.lobby-mode-btn.active {
  background: rgba(255, 215, 0, 0.18) !important;
  color: var(--gold-bright) !important;
}
.lobby-compact-actions {
  display: flex !important;
  gap: 7px !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.lobby-compact-actions .lobby-btn {
  padding: 8px 12px !important;
  font-size: 11px !important;
  border-radius: 10px !important;
}
.lobby-btn.refresh {
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.lobby-btn.create {
  background: linear-gradient(145deg, #1a6b52, #0d3b2e) !important;
  color: #e8fff4 !important;
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow: 0 4px 14px rgba(13, 59, 46, 0.35) !important;
}
.lobby-btn.create:hover {
  filter: brightness(1.08);
}

.lobby-play-hero {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto 10px !important;
  padding: 15px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ff9800 0%, #ef6c00 55%, #e65100 100%) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.12),
    0 12px 28px rgba(230, 81, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  gap: 12px !important;
  transition: transform 0.18s, filter 0.18s, box-shadow 0.2s !important;
}
.lobby-play-hero .lph-glow {
  opacity: 0.5 !important;
  animation: lphPulse 2.8s ease-in-out infinite !important;
}
@keyframes lphPulse {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50% { opacity: 0.65; transform: scale(1.05); }
}
.lobby-play-hero .lph-ico {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.lobby-play-hero .lph-copy strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}
.lobby-play-hero .lph-copy small {
  font-size: 11px !important;
  opacity: 0.92 !important;
}
.lobby-play-hero:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.22),
    0 14px 32px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.lobby-play-hero:active {
  transform: translateY(0) scale(0.99) !important;
}

.lobby-info {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 10px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-weight: 500;
}

.lobby-rooms {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.lobby-empty {
  padding: 28px 16px !important;
  text-align: center;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px dashed rgba(255, 255, 255, 0.12);
}
.lobby-empty .icon {
  font-size: 0 !important;
  width: 44px;
  height: 44px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  color: var(--gold-bright);
  background: rgba(255, 215, 0, 0.1);
  border: 1px solid rgba(255, 215, 0, 0.28);
  border-radius: 12px;
}
.lobby-empty .icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.lobby-empty-title {
  font-size: 14px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 4px;
}
.lobby-empty-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.liveops-banner,
.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner {
  margin: 0 auto 8px !important;
  border-radius: 12px !important;
  max-width: 700px !important;
  width: 100% !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  background:
    linear-gradient(100deg, rgba(18, 36, 64, 0.72), rgba(8, 16, 32, 0.55)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
.liveops-banner:hover,
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  transform: translateY(-1px);
}
.lobby-cta-icon {
  background: rgba(255, 215, 0, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  color: var(--gold-bright) !important;
  border-radius: 11px !important;
}
.lobby-cta-title {
  color: #fff !important;
  font-weight: 800 !important;
}
.lobby-cta-sub {
  color: rgba(255, 255, 255, 0.55) !important;
}
.lobby-cta-action {
  background: rgba(255, 215, 0, 0.16) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  color: var(--gold-bright) !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-weight: 800 !important;
}
.lobby-cta-bar {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, var(--gold), var(--gold-bright)) !important;
  opacity: 1 !important;
}
.daily-banner {
  background: linear-gradient(100deg, rgba(255, 215, 0, 0.16), rgba(8, 16, 32, 0.55)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
}
.liveops-banner {
  background: linear-gradient(100deg, rgba(255, 140, 0, 0.16), rgba(8, 16, 32, 0.55)) !important;
  border-color: rgba(255, 160, 80, 0.4) !important;
}
.liveops-banner.xp {
  background: linear-gradient(100deg, rgba(26, 107, 82, 0.28), rgba(8, 16, 32, 0.55)) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
}
.liveops-banner.xp .lobby-cta-icon {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: rgba(26, 107, 82, 0.25) !important;
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.piggy-banner.full,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.18), 0 0 18px rgba(255, 215, 0, 0.15) !important;
  animation: bannerReadyGlow 2.4s ease-in-out infinite;
}
.daily-banner.is-ready .lobby-cta-action,
.mission-banner.claim-ready .lobby-cta-action,
.wheel-banner.is-ready .lobby-cta-action,
.calendar-banner.is-ready .lobby-cta-action {
  background: linear-gradient(135deg, #ffd700, #f0b400) !important;
  color: #1a1408 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25);
}
@keyframes bannerReadyGlow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.14), 0 0 12px rgba(255, 215, 0, 0.1); }
  50% { box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.28), 0 0 22px rgba(255, 215, 0, 0.22); }
}
@media (prefers-reduced-motion: reduce) {
  .daily-banner.is-ready,
  .mission-banner.claim-ready,
  .piggy-banner.full,
  .wheel-banner.is-ready,
  .calendar-banner.is-ready,
  .achievement-banner.claim-ready,
  .lobby-play-hero .lph-glow { animation: none !important; }
}

.profile-chips {
  background:
    linear-gradient(100deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 64, 0.4)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.profile-chips-label {
  color: rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 0.05em !important;
}
.profile-chips-val {
  color: var(--gold-bright) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.profile-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 4px 14px rgba(230, 81, 0, 0.28) !important;
}
.profile-btn:hover { filter: brightness(1.06); }

.room-card {
  background:
    linear-gradient(155deg, rgba(18, 36, 68, 0.72), rgba(8, 16, 32, 0.55)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.18s var(--ease-out), border-color 0.18s, background 0.18s, box-shadow 0.18s;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  background:
    linear-gradient(155deg, rgba(28, 48, 88, 0.78), rgba(12, 24, 48, 0.62)) !important;
  transform: translateY(-2px);
}
.room-card.is-joinable {
  border-color: rgba(26, 107, 82, 0.42) !important;
}
.room-card.is-playing {
  opacity: 0.78;
  border-color: rgba(255, 152, 0, 0.28) !important;
}
.room-card.status-full {
  border-color: rgba(191, 106, 74, 0.38) !important;
  background:
    linear-gradient(155deg, rgba(48, 28, 22, 0.55), rgba(12, 16, 28, 0.6)) !important;
}
.room-card .room-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px !important;
  color: #fff !important;
  font-weight: 700;
}

/* Matchmaking + waiting */
#mm-overlay {
  background: rgba(6, 10, 20, 0.88) !important;
  backdrop-filter: blur(8px);
}
.mm-card,
.lw-card {
  width: min(340px, 94%) !important;
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  padding: 26px 20px 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#mm-overlay h2,
.lw-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  color: var(--gold-bright) !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
#mm-overlay .mm-sub,
.lw-text {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
}
.mm-seat,
.mf-seat {
  border-radius: 12px !important;
  min-height: 52px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px dashed rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.35) !important;
  transition: background 0.22s, border-color 0.22s, color 0.22s, transform 0.22s !important;
}
.mm-seat.filled,
.mf-seat.filled {
  background: rgba(212, 175, 55, 0.16) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  color: var(--gold-bright) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.mm-seat.filled.me,
.mf-seat.me {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  border-color: transparent !important;
  color: #1a1208 !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3);
}
.mm-seat.almost,
.mf-seat.almost {
  border-color: rgba(255, 152, 0, 0.55) !important;
  color: #ffcc80 !important;
  animation: mmSeatAlmost 1.4s ease-in-out infinite !important;
}
.mm-seat.filled:not(.me),
.mf-seat.filled:not(.me) {
  animation: mmSeatFill 0.32s var(--ease-out) !important;
}
@keyframes mmSeatAlmost {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0); border-color: rgba(255, 152, 0, 0.45); }
  50% { box-shadow: 0 0 14px rgba(255, 152, 0, 0.22); border-color: rgba(255, 183, 77, 0.7); }
}
@keyframes mmSeatFill {
  from { transform: scale(0.92); opacity: 0.6; }
  to { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mm-seat.almost,
  .mf-seat.almost,
  .mm-seat.filled:not(.me),
  .mf-seat.filled:not(.me) { animation: none !important; }
}
.mm-progress,
.lw-progress {
  height: 5px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, var(--gold), var(--gold-bright)) !important;
}
.mm-tip,
.lw-tip {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  width: 100% !important;
  padding: 11px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 152, 0, 0.38) !important;
  background: rgba(255, 106, 0, 0.12) !important;
  color: #ffcc80 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
}
#mm-overlay .btn-cancel:hover,
.lw-cancel:hover {
  background: rgba(255, 106, 0, 0.22) !important;
  border-color: rgba(255, 183, 77, 0.55) !important;
  color: #ffe0b2 !important;
}

/* Match found */
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 28%, rgba(255, 215, 0, 0.18), transparent 52%),
    rgba(6, 10, 20, 0.92) !important;
  backdrop-filter: blur(10px);
}
.mf-card {
  width: min(380px, 100%) !important;
  padding: 28px 22px 22px !important;
  border-radius: 20px !important;
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.mf-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.45) !important;
}
.mf-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
  margin: 0 0 16px !important;
}
.mf-sub {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.room-card .seat-dots { display: flex; gap: 7px; margin: 6px 0 4px; }
.room-card .seat-dots span {
  width: 11px; height: 11px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22);
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.room-card .seat-dots span.filled {
  background: var(--gold-bright); border-color: var(--gold);
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.55);
}
.room-card.almost-full {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background:
    linear-gradient(155deg, rgba(60, 36, 12, 0.65), rgba(12, 20, 36, 0.58)) !important;
  box-shadow: 0 0 0 1px rgba(255, 152, 0, 0.22), 0 10px 28px rgba(0, 0, 0, 0.3) !important;
  animation: roomAlmostPulse 1.8s ease-in-out infinite;
}
@keyframes roomAlmostPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 152, 0, 0.18), 0 10px 24px rgba(0, 0, 0, 0.28); }
  50% { box-shadow: 0 0 0 2px rgba(255, 183, 77, 0.35), 0 12px 30px rgba(255, 140, 0, 0.12); }
}
@media (prefers-reduced-motion: reduce) {
  .room-card.almost-full { animation: none !important; }
}
.room-meta .rm-chip {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid var(--gold-border) !important;
}
.room-meta .rm-chip b { color: var(--gold-bright) !important; }
.room-meta .rm-chip.hot {
  color: #ffcc80 !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  background: rgba(255, 106, 0, 0.18) !important;
  animation: hotChipPulse 1.5s ease-in-out infinite;
}
@keyframes hotChipPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.82; }
}
.room-card-top .room-status-badge { margin-left: auto; }
.room-status-badge.full {
  background: rgba(191, 106, 74, 0.22) !important;
  color: #ffccbc !important;
  border-color: rgba(191, 106, 74, 0.4) !important;
}
.room-btn-join {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 12px 22px !important;
  cursor: pointer;
  transition: transform 0.15s, filter 0.15s, background 0.15s;
}
.room-btn-join.ready {
  background: linear-gradient(135deg, var(--gold-bright), var(--gold)) !important;
  color: var(--bg-deep) !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(255, 215, 0, 0.28) !important;
}
.room-btn-join.ready:hover { transform: scale(1.04); filter: brightness(1.05); }
.room-btn-join.ready:active { transform: scale(0.96); }
.room-btn-join:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ═══ GİRİŞ + OYUN SONU ═══ */
#login-overlay {
  background:
    radial-gradient(ellipse at 50% 12%, rgba(255, 215, 0, 0.14), transparent 48%),
    radial-gradient(ellipse at 15% 85%, rgba(23, 74, 43, 0.35), transparent 42%),
    linear-gradient(175deg, #0a1528 0%, #081225 50%, #050b16 100%) !important;
}
.login-atmosphere {
  background:
    radial-gradient(circle at 22% 78%, rgba(26, 107, 82, 0.16), transparent 42%),
    radial-gradient(circle at 88% 24%, rgba(255, 140, 0, 0.1), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(255, 215, 0, 0.06), transparent 40%) !important;
}
.login-container {
  width: min(360px, 94%) !important;
  padding: 8px 0 12px;
}
.login-logo {
  width: 88px !important;
  height: 88px !important;
  background: linear-gradient(145deg, #FFD700, #F0B400) !important;
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.18),
    0 12px 32px rgba(255, 140, 0, 0.28) !important;
  margin-bottom: 12px !important;
  animation: loginLogoGlow 2.8s ease-in-out infinite;
}
@keyframes loginLogoGlow {
  0%, 100% { box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.16), 0 12px 28px rgba(255, 140, 0, 0.24); }
  50% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.22), 0 14px 36px rgba(255, 140, 0, 0.36); }
}
@media (prefers-reduced-motion: reduce) {
  .login-logo { animation: none !important; }
}
.login-logo-inner {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--bg-deep) !important;
  background: none !important;
  letter-spacing: 0.04em;
}
.login-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 6px !important;
  text-shadow: 0 2px 20px rgba(255, 215, 0, 0.2) !important;
}
.login-subtitle {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin-bottom: 20px !important;
}
.login-primary {
  padding: 13px 15px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.32) !important;
  margin-bottom: 6px !important;
  transition: transform 0.15s, filter 0.15s !important;
}
.login-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
}
.login-primary .lp-ico {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}
.login-primary .lp-copy strong { font-size: 15px !important; }
.login-primary .lp-copy small { font-size: 11px !important; opacity: 0.9 !important; }
.login-divider {
  margin: 10px 0 8px !important;
}
.login-divider span:nth-child(2) {
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.38) !important;
  letter-spacing: 0.02em;
}
.login-tabs {
  margin: 2px 0 8px !important;
  padding: 3px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  gap: 3px !important;
}
.login-tab {
  border-radius: 9px !important;
  padding: 8px !important;
  font-size: 12px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.45) !important;
}
.login-tab.active {
  background: rgba(255, 215, 0, 0.16) !important;
  color: var(--gold-bright) !important;
}
.login-input {
  padding: 11px 13px !important;
  border-radius: 11px !important;
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-size: 13px !important;
}
.login-input:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.12);
}
.login-form-btn {
  padding: 11px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #c9a227, #ffd700) !important;
  color: #1a1408 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.login-error {
  font-size: 12px !important;
  color: #ffab91 !important;
  min-height: 16px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(191, 106, 74, 0.12);
  border: 1px solid rgba(191, 106, 74, 0.28);
}
.login-more {
  margin-top: 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.22) !important;
}
.login-more summary {
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.48) !important;
  font-weight: 600 !important;
}
.login-btn {
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
}

/* Oyun sonu */
#go-overlay {
  background: rgba(6, 10, 20, 0.9) !important;
  backdrop-filter: blur(8px);
  padding: 16px !important;
}
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 50% 80%, rgba(26, 107, 82, 0.12), transparent 48%),
    rgba(6, 10, 20, 0.9) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(13, 40, 72, 0.45), transparent 52%),
    rgba(6, 10, 20, 0.9) !important;
}
.go-card {
  width: min(360px, 94%) !important;
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 20px !important;
  padding: 22px 16px 16px !important;
  gap: 7px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 0 28px rgba(255, 215, 0, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
  animation: goWinCard 0.45s var(--ease-out);
}
@keyframes goWinCard {
  from { transform: translateY(12px) scale(0.96); opacity: 0.7; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}
#go-overlay.i-lost .go-card {
  border-color: rgba(100, 130, 170, 0.32) !important;
}
.go-trophy {
  font-size: 0 !important;
  width: 48px;
  height: 48px;
  margin: 0 auto 6px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--gold-bright, #ffd700);
  filter: drop-shadow(0 4px 12px rgba(255, 215, 0, 0.25));
}
#go-overlay.i-won .go-trophy {
  animation: goTrophyGlow 2s ease-in-out infinite;
}
@keyframes goTrophyGlow {
  0%, 100% { filter: drop-shadow(0 4px 12px rgba(255, 215, 0, 0.22)); }
  50% { filter: drop-shadow(0 6px 18px rgba(255, 215, 0, 0.45)); }
}
.go-trophy svg,
.go-trophy .ico-trophy,
.go-trophy .ico-flag {
  width: 40px;
  height: 40px;
  fill: currentColor;
}
#go-overlay.i-lost .go-trophy {
  color: rgba(180, 200, 220, 0.8) !important;
  filter: none;
}
.go-score-row .gs-rank {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-bright, #ffd700);
}
.go-score-row .gs-rank .ico-trophy {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.go-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: rgba(255, 255, 255, 0.42) !important;
}
#go-overlay.i-won .go-eyebrow { color: var(--gold-bright) !important; }
#go-overlay .winner-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
  line-height: 1.15;
}
#go-overlay .winner-points {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-weight: 600 !important;
}
.go-pill {
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}
.go-pill.up {
  background: rgba(26, 107, 82, 0.24) !important;
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
}
.go-pill.down {
  background: rgba(191, 106, 74, 0.2) !important;
  color: #ffccbc !important;
  border-color: rgba(191, 106, 74, 0.42) !important;
}
.go-pill.xp {
  background: rgba(255, 215, 0, 0.12) !important;
  color: #ffe082 !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.go-score-row {
  padding: 8px 10px !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.go-score-row.winner {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.18), rgba(255, 255, 255, 0.03)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.1);
}
.go-score-row.me {
  border-color: rgba(26, 107, 82, 0.45) !important;
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(255, 255, 255, 0.03)) !important;
}
.go-score-row .gs-delta.penalty { color: #ffab91 !important; }
.go-score-row .gs-delta.reward { color: #8fd4b8 !important; }
#go-overlay .score-table .penalty { color: #ffab91 !important; }
#go-overlay .score-table .reward { color: #8fd4b8 !important; }
.go-actions {
  gap: 7px !important;
  margin-top: 10px !important;
}
#go-overlay .btn-again {
  padding: 11px 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  min-width: 0 !important;
  transition: transform 0.15s, filter 0.15s;
}
#go-overlay .btn-again:hover { filter: brightness(1.06); transform: translateY(-1px); }
#go-overlay .btn-again.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  flex: 1 1 100% !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.28);
}
#go-overlay .btn-again.ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
#go-overlay .btn-again.danger {
  background: rgba(255, 106, 0, 0.14) !important;
  border: 1px solid rgba(255, 152, 0, 0.4) !important;
  color: #ffcc80 !important;
}
@media (prefers-reduced-motion: reduce) {
  #go-overlay.i-won .go-card,
  #go-overlay.i-won .go-trophy { animation: none !important; }
}

/* Emoji / tepki float */
.emoji-float {
  position: absolute; z-index: 60; font-size: 0;
  width: 40px; height: 40px;
  color: #ffd700;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none; animation: emojiPop 2s var(--ease-out) forwards;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
}
.emoji-float svg {
  width: 36px; height: 36px; fill: currentColor; display: block;
}
@keyframes emojiPop {
  0% { opacity: 0; transform: translateY(20px) scale(0.5); }
  15% { opacity: 1; transform: translateY(0) scale(1.15); }
  70% { opacity: 1; transform: translateY(-30px) scale(1); }
  100% { opacity: 0; transform: translateY(-50px) scale(0.9); }
}

/* Meta shell + game toasts */
#meta-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.1), transparent 48%),
    rgba(6, 10, 20, 0.9) !important;
  backdrop-filter: blur(8px);
}
.meta-panel.dr-panel {
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.meta-panel .dr-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
}
.mission-btn,
.wheel-spin-btn:not(:disabled),
.friend-btn.primary,
.friend-btn.invite:not(.muted),
.notif-btn.primary,
.sup-btn.primary,
.shop-card-btn.buy,
.profile-btn,
.cal-claim:not(:disabled),
.club-chip.primary,
.club-btn.war {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
}
.club-btn.join {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  color: #fff !important;
}

/* ── Pass 68: Shop / cosmetics sheet ── */
.shop-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 80% 40% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 40px rgba(255, 215, 0, 0.06) !important;
}
.shop-header {
  border-bottom-color: rgba(255, 215, 0, 0.14) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(20, 40, 64, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.shop-currency b {
  color: var(--gold-bright) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.25);
}
.shop-tabs {
  gap: 8px !important;
}
.shop-tab {
  background: rgba(12, 28, 48, 0.65) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  color: rgba(232, 224, 208, 0.5) !important;
  transition: border-color 0.18s, color 0.18s, background 0.18s, box-shadow 0.18s !important;
}
.shop-tab:hover {
  border-color: rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 236, 179, 0.85) !important;
}
.shop-tab.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(20, 40, 64, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  color: var(--gold-bright) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.shop-list {
  gap: 10px !important;
}
.shop-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.shop-card.owned {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.12), 0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.shop-card.legendary {
  border-color: rgba(255, 143, 0, 0.5) !important;
  box-shadow: 0 0 16px rgba(255, 143, 0, 0.12) !important;
}
.shop-card.epic {
  border-color: rgba(255, 193, 7, 0.48) !important;
}
.shop-card.rare {
  border-color: rgba(26, 107, 82, 0.5) !important;
}
.shop-card-preview {
  color: var(--gold-bright) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(8, 18, 32, 0.55)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2);
}
.shop-card-preview.pack {
  color: #ffb74d !important;
  background: linear-gradient(145deg, rgba(255, 143, 0, 0.22), rgba(8, 18, 32, 0.5)) !important;
  border-color: rgba(255, 143, 0, 0.28);
}
.shop-card-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff8e7 !important;
}
.shop-card-meta b {
  color: var(--gold-bright) !important;
}
.shop-card-price {
  color: #8fd4b8 !important;
}
.shop-card-btn.buy {
  box-shadow: 0 4px 14px rgba(230, 81, 0, 0.35) !important;
}
.shop-card-btn.equip {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
  color: #e8f5e9 !important;
}
.shop-card-btn.equipped {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.22), rgba(20, 40, 64, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  color: var(--gold-bright) !important;
}
.shop-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 12px !important;
}

/* ── Pass 68: Notifications list ── */
.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 70% 35% at 50% 0%, rgba(26, 107, 82, 0.1), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.18) !important;
}
.notif-header {
  border-bottom-color: rgba(255, 215, 0, 0.12) !important;
}
.notif-mark-all {
  color: var(--gold-bright) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  background: rgba(255, 215, 0, 0.08) !important;
  transition: background 0.15s, box-shadow 0.15s !important;
}
.notif-mark-all:hover {
  background: rgba(255, 215, 0, 0.16) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.notif-list {
  gap: 8px !important;
}
.notif-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.1) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.notif-card:hover {
  border-color: rgba(255, 215, 0, 0.28) !important;
  transform: translateY(-1px);
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright), 0 0 14px rgba(255, 215, 0, 0.06) !important;
}
.notif-card.friend.is-unread {
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 12px rgba(26, 107, 82, 0.12) !important;
}
.notif-card.achieve.is-unread {
  box-shadow: inset 3px 0 0 var(--gold-bright), 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.notif-icon {
  border-color: rgba(255, 215, 0, 0.2) !important;
}
.notif-title {
  color: #fff8e7 !important;
  font-weight: 700 !important;
}
.notif-type {
  letter-spacing: 0.04em;
}
.notif-btn.accept,
.notif-btn.primary {
  box-shadow: 0 3px 12px rgba(230, 81, 0, 0.3) !important;
}
.notif-btn.decline {
  border-color: rgba(191, 106, 74, 0.4) !important;
  color: #ffab91 !important;
}
.notif-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 12px !important;
}

/* ── Pass 69: Friends / Support / Wheel ── */
.friend-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
}
.friend-row.is-online {
  border-color: rgba(143, 212, 184, 0.45) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.friend-row.request {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.55)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.friend-avatar {
  background: linear-gradient(145deg, #1a2e48, #0c1828) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  color: #fff8e7 !important;
}
.friend-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff8e7 !important;
}
.friend-btn.accept {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  color: #fff !important;
}
.friend-btn.danger {
  color: #ffab91 !important;
  border-color: rgba(191, 106, 74, 0.35) !important;
  background: rgba(191, 106, 74, 0.12) !important;
}
.friend-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 10px !important;
}
.friend-search-input {
  background: rgba(8, 18, 32, 0.7) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.12) !important;
}

.wheel-panel {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.wheel-status {
  color: var(--gold-bright) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.3);
}
.wheel-seg {
  background: rgba(8, 18, 32, 0.6) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
}
.wheel-spin-btn:not(:disabled) {
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.35) !important;
}
.wheel-error, .sup-error, .ref-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 12px !important;
}

.sup-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.18s, transform 0.18s !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
}
.sup-card.status-in_progress {
  border-color: rgba(255, 143, 0, 0.42) !important;
  background: linear-gradient(90deg, rgba(255, 143, 0, 0.14), rgba(18, 36, 58, 0.55)) !important;
}
.sup-card.status-in_progress .sup-icon {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  color: #fff !important;
}
.sup-pill.in_progress {
  color: #ffb74d !important;
  background: rgba(255, 143, 0, 0.14) !important;
  border-color: rgba(255, 143, 0, 0.35) !important;
}
.sup-subject {
  color: #fff8e7 !important;
}
.sup-card.status-resolved .sup-icon {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
}

/* ── Pass 70: Profile / Account / Club glass ── */
.profile-hero {
  background:
    radial-gradient(ellipse 70% 60% at 20% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.32) !important;
}
.profile-avatar {
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.32), 0 0 24px rgba(255, 215, 0, 0.14) !important;
}
.profile-rank.diamond {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
  background: rgba(26, 107, 82, 0.18) !important;
}
.profile-rank.plat {
  color: #ffe082 !important;
  border-color: rgba(255, 224, 130, 0.42) !important;
  background: rgba(255, 215, 0, 0.12) !important;
}
.profile-level,
.profile-stat,
.profile-link {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.profile-link:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  transform: translateY(-1px);
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
}
.profile-error,
.account-error,
.club-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 12px !important;
}
.piggy-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 152, 0, 0.38) !important;
}
.piggy-card.is-full {
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.14) !important;
}
.account-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.account-card.privacy {
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.16), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(143, 212, 184, 0.35) !important;
}
.account-card.danger {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.18), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(191, 106, 74, 0.42) !important;
}
.account-card.danger .account-card-title,
.account-card.danger .account-card-icon {
  color: #ffab91 !important;
}
.account-btn.danger {
  background: linear-gradient(135deg, #bf6a4a, #8a3d28) !important;
  border-color: rgba(191, 106, 74, 0.5) !important;
  color: #fff !important;
}
.club-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.18s, transform 0.18s !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
}
.club-card.is-mine {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-name {
  color: #fff8e7 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.club-tab.active {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}

/* ── Pass 71: Missions / Achievements / Season / Calendar ── */
.mission-card,
.achieve-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.mission-card:hover,
.achieve-card:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  transform: translateY(-1px);
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.achieve-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}
.mission-title,
.achieve-title {
  color: #fff8e7 !important;
}
.mission-bonus.ready {
  border-color: rgba(255, 152, 0, 0.48) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.14) !important;
}
.mission-error,
.achieve-error,
.season-error {
  color: #ffab91 !important;
  background: rgba(191, 106, 74, 0.12) !important;
  border: 1px solid rgba(191, 106, 74, 0.3) !important;
  border-radius: 12px !important;
}
.season-hero {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.3) !important;
}
.season-me {
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(143, 212, 184, 0.45) !important;
}
.season-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.1) !important;
}
.season-row.is-top {
  border-color: rgba(255, 215, 0, 0.38) !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.6)) !important;
}
.season-row.is-me {
  border-color: rgba(143, 212, 184, 0.48) !important;
}
.season-row-name {
  color: #fff8e7 !important;
}
.cal-day {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
.cal-day.next {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16) !important;
}
.cal-day.claimed {
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.cal-summary {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
}

.club-avatar {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}
.season-hero-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.profile-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}
.mission-icon {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}
.mission-card.is-done .mission-icon {
  background: linear-gradient(145deg, #8fd4b8, #145c45) !important;
  color: #fff !important;
}
.game-toast {
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.game-toast:not(.warn):not(.ok) {
  border-color: rgba(255, 215, 0, 0.28) !important;
}

/* Tournament */
#tr-overlay {
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255, 215, 0, 0.1), transparent 50%),
    rgba(6, 10, 20, 0.9) !important;
  z-index: 96 !important;
}
.tr-panel {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.tr-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
}
.tr-btn-register:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
}

/* ── Pass 72: Tournament / Club war / Referral ── */
.tr-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  transform: translateY(-1px);
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.38) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: 0 0 16px rgba(26, 107, 82, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-card-name {
  color: #fff8e7 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
.tr-status-COMPLETED {
  background: rgba(255, 215, 0, 0.14) !important;
  color: #ffe082 !important;
}
.tr-status-CANCELLED {
  background: rgba(191, 106, 74, 0.16) !important;
  color: #ffab91 !important;
}
.tr-btn-unregister {
  background: rgba(191, 106, 74, 0.12) !important;
  border-color: rgba(191, 106, 74, 0.38) !important;
  color: #ffab91 !important;
}
.tr-match {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.12) !important;
}
.club-war-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.14) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.club-badge-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.ref-card {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px rgba(0, 0, 0, 0.3) !important;
}
.ref-stat {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.ref-code {
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  background: rgba(8, 18, 32, 0.7) !important;
}

/* Leaderboard + daily rewards */
#lb-overlay,
#dr-overlay {
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255, 215, 0, 0.1), transparent 50%),
    rgba(6, 10, 20, 0.9) !important;
}
.lb-panel,
.dr-panel {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.lb-title,
.dr-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
  letter-spacing: 0 !important;
}
.lb-tab.active {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}
.dr-day.current {
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.25), 0 6px 16px rgba(255, 215, 0, 0.15) !important;
}
.dr-day .dr-day-icon {
  color: var(--gold);
  font-size: 14px !important;
  font-weight: 800;
}
.dr-day.big-bonus .dr-day-icon { color: #ffb74d; }
.dr-day.claimed .dr-day-icon { color: #8fd4b8; }
.dr-claim-btn:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
}

/* ── Pass 73: Leaderboard / Daily / Confirm red sweep ── */
.lb-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
}
.lb-row.top1 {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.lb-row.is-me {
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.lb-name {
  color: #fff8e7 !important;
}
.lb-me-bar {
  background: linear-gradient(90deg, rgba(143, 212, 184, 0.2), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(143, 212, 184, 0.45) !important;
}
.dr-streak {
  background: rgba(255, 152, 0, 0.14) !important;
  border-color: rgba(255, 152, 0, 0.38) !important;
}
.dr-day {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
.dr-day.current {
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.28), 0 8px 20px rgba(255, 215, 0, 0.18) !important;
}
.dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.confirm-card.tone-danger .confirm-ico {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.35) !important;
}
#confirm-overlay .confirm-penalty {
  color: #ffab91 !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
}
.game-toast.warn .game-toast-ico {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
}
.game-toast.warn .game-toast-bar > i {
  background: linear-gradient(90deg, #ff9800, #e65100) !important;
}

/* Private room settings */
#settings-overlay {
  background:
    radial-gradient(ellipse at 50% 24%, rgba(255, 215, 0, 0.1), transparent 50%),
    rgba(6, 10, 20, 0.9) !important;
}
.settings-panel {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.settings-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3) !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.28) !important;
}

/* ── Pass 74: Private room settings + confirm motion ── */
.settings-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.06) !important;
}
.settings-row input[type=text] {
  background: rgba(8, 18, 32, 0.72) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  color: #fff8e7 !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.14) !important;
}
.settings-options .opt-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s, color 0.18s !important;
}
.settings-options .opt-btn:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  transform: translateY(-1px);
  color: #fff8e7 !important;
}
.settings-options .opt-btn.selected {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.35) !important;
}
.settings-btns .btn-create-room:hover {
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-danger {
  border-color: rgba(191, 106, 74, 0.48) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 24px rgba(191, 106, 74, 0.12) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.45) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 24px rgba(26, 107, 82, 0.12) !important;
}
#confirm-overlay .confirm-btns button {
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
#confirm-overlay .confirm-btns button:hover {
  transform: translateY(-1px);
}

/* ── Pass 75: Meta empty + Anadolu diamond remap note ── */
.meta-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.meta-empty-ico {
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.14) !important;
}
.meta-empty-title {
  color: #fff8e7 !important;
}
.lb-empty,
.tr-empty,
.friend-empty,
.shop-empty.rich {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
}

/* Confirm dialog */
#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 28%, rgba(255, 215, 0, 0.1), transparent 50%),
    rgba(6, 10, 20, 0.9) !important;
  backdrop-filter: blur(8px);
}
.confirm-card {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.confirm-card.tone-danger {
  border-color: rgba(191, 106, 74, 0.48) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.45) !important;
}
#confirm-overlay h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
}
#confirm-overlay .confirm-sub {
  color: rgba(255, 255, 255, 0.52) !important;
  font-size: 13px !important;
}
#confirm-overlay .confirm-rules {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}
#confirm-overlay .confirm-rules .cr-head {
  color: var(--gold-bright) !important;
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.06em !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  border: 1px solid rgba(200, 230, 201, 0.2) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Round end (multi-round) */
#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255, 215, 0, 0.16), transparent 52%),
    rgba(6, 10, 20, 0.88) !important;
  backdrop-filter: blur(8px);
}
.re-card {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 300ms var(--ease-out) !important;
}
.re-flag {
  font-size: 0 !important;
  width: 44px;
  height: 44px;
  margin: 0 auto 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-bright, #ffd700);
  filter: drop-shadow(0 4px 12px rgba(255, 215, 0, 0.22));
  animation: reFlagGlow 2.2s ease-in-out infinite;
}
@keyframes reFlagGlow {
  0%, 100% { filter: drop-shadow(0 4px 10px rgba(255, 215, 0, 0.18)); }
  50% { filter: drop-shadow(0 6px 16px rgba(255, 215, 0, 0.4)); }
}
@media (prefers-reduced-motion: reduce) {
  .re-flag { animation: none !important; }
}
.re-flag svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}
.re-win-ico {
  width: 14px;
  height: 14px;
  fill: var(--gold-bright, #ffd700);
  vertical-align: -2px;
  margin-right: 4px;
}
.re-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: rgba(255, 255, 255, 0.42) !important;
}
.re-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
}
.re-dot.done,
.re-dot.active {
  background: var(--gold-bright) !important;
}
.re-winner b { color: var(--gold-bright) !important; }
.re-row {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 11px !important;
}
.re-row.winner {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.18), rgba(255, 255, 255, 0.03)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.re-row.me {
  border-color: rgba(26, 107, 82, 0.45) !important;
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(255, 255, 255, 0.03)) !important;
}
.re-row .re-pts.down { color: #ffab91 !important; }
.re-row .re-pts.up { color: #8fd4b8 !important; }
.re-ring-fg { stroke: var(--gold-bright) !important; }
.re-ring-num { color: var(--gold-bright) !important; }

/* Tutorial tip */
#ux-tip {
  display: none; position: absolute; bottom: 112px; left: 50%;
  transform: translateX(-50%); z-index: 30;
  background: rgba(8, 18, 37, 0.94) !important; border: 1px solid var(--gold-border) !important;
  border-radius: 14px !important; padding: 10px 14px !important;
  max-width: min(300px, 86%) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}
#ux-tip.show { display: flex !important; animation: cardSlide 280ms var(--ease-out); }
#ux-tip .ux-tip-msg { font-size: 12px; color: rgba(255,255,255,0.92); }

#spectator-banner {
  display: none !important;
  flex-shrink: 0; z-index: 25;
  width: 100%; padding: 9px 16px;
  font-size: 12px; font-weight: 700; letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.88) !important;
  background:
    linear-gradient(90deg,
      rgba(8, 22, 42, 0.98),
      rgba(18, 48, 72, 0.98) 45%,
      rgba(8, 22, 42, 0.98)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.32) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 215, 0, 0.08);
  align-items: center; justify-content: center; gap: 10px;
}
#spectator-banner:not([hidden]) { display: flex !important; }
#spectator-banner .spec-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold-bright);
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.25), 0 0 10px rgba(255, 215, 0, 0.45);
  animation: specDotPulse 1.6s ease-in-out infinite;
}
@keyframes specDotPulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.22), 0 0 8px rgba(255, 215, 0, 0.35); }
  50% { opacity: 0.7; box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.12), 0 0 14px rgba(255, 215, 0, 0.55); }
}
#spectator-banner strong {
  color: var(--gold-bright) !important;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
}
#spectator-banner .spec-sep { color: rgba(255, 255, 255, 0.28); }
@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot { animation: none !important; }
}

/* History + replay */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255, 215, 0, 0.08), transparent 50%),
    rgba(6, 10, 20, 0.9) !important;
}
.hist-panel,
.replay-panel {
  background: linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  animation: cardSlide 280ms var(--ease-out) !important;
}
.hist-title,
.replay-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--gold-bright) !important;
  letter-spacing: 0 !important;
}
.hist-btn-replay {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, var(--gold-bright), #f0b400) !important;
  color: #1a1208 !important;
}

/* ═══ RESPONSIVE — mobil / tablet / desktop ═══
   #game boyutu sabit (1000×720); fitGame() scale eder.
   Boyut override etme — transform scale bozulur. */
@media (max-width: 700px) {
  :root {
    --tile-w: 58px;
    --tile-h: 82px;
    --btn-size: 58px;
    --opp-w: 78px;
    --opp-h: 92px;
  }
  #game {
    border-width: 7px !important;
    border-radius: 0 !important;
  }
  #center-board { margin: 0 !important; }
  #actions { gap: 4px !important; padding: 4px 8px 8px !important; }
  #actions .btn { min-height: 46px !important; }
  #actions .btn .btn-lbl { font-size: 10px !important; }
  #actions .btn .icon { font-size: 16px !important; }
  .opp-card .avatar { width: 42px !important; height: 42px !important; }
}

@media (min-width: 701px) and (max-width: 1099px) {
  :root {
    --tile-w: 50px;
    --tile-h: 68px;
    --btn-size: 60px;
  }
}

@media (min-width: 1100px) {
  :root {
    --tile-w: 48px;
    --tile-h: 66px;
    --btn-size: 64px;
  }
  #game {
    border-width: 8px !important;
  }
}

/* GPU dostu: ağır filter yerine opacity/transform */
@media (prefers-reduced-motion: reduce) {
  .tile, .opp-card, #actions .btn, .set-group, .dock-btn, .gift-grid button { animation: none !important; transition: none !important; }
  .fly-tile, .gift-anim { transition: none !important; display: none !important; }
  #gift-panel.show, #chat-panel.show { animation: none !important; }
}

/* ═══ MAÇ İZLE LİSTESİ ═══ */
.spect-loading {
  text-align: center;
  opacity: 0.55;
  padding: 18px 8px;
  font-size: 13px;
}
.spect-empty {
  text-align: center;
  padding: 28px 12px;
}
.spect-empty-ico {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #ffd700;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
}
.spect-empty-ico svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  display: block;
}
.spect-empty-title {
  font-weight: 800;
  color: #fff;
  font-size: 14px;
}
.spect-empty-sub {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.report-sheet { padding: 4px 0 8px; }
.report-sheet-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding: 4px 2px;
}
.report-av {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 16px;
  color: #0d3b2e;
  background: linear-gradient(145deg, #ffd700, #d4af37);
  border: 1px solid rgba(255, 215, 0, 0.45);
  flex-shrink: 0;
}
.report-sheet-name {
  font-weight: 800;
  color: #ffd700;
  font-size: 15px;
}
.report-sheet-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
.report-reasons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.report-reason {
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 215, 0, 0.28);
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.1), rgba(0, 0, 0, 0.2));
  color: #ffd700;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
}
.report-reason-ico {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(255, 215, 0, 0.12);
  flex-shrink: 0;
}
.report-reason-ico svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: block;
}
.report-reason:hover {
  background: rgba(255, 215, 0, 0.16);
  border-color: rgba(255, 215, 0, 0.45);
}
.spect-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.spect-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 215, 0, 0.14);
}
.spect-row-names {
  font-weight: 700;
  color: #fff;
  font-size: 13px;
}
.spect-row-meta {
  margin-top: 3px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}
.spect-watch {
  flex-shrink: 0;
  padding: 8px 14px;
  border: none;
  border-radius: 10px;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  color: #1a1208;
  background: linear-gradient(160deg, #ffc107, #ff8f00);
}
.spect-watch:hover {
  filter: brightness(1.06);
}

/* ── Pass 76: A11y focus + sound + spect glass + reduced-motion ── */
.skip-link {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 9999;
  padding: 10px 16px;
  border-radius: 12px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #1a1208;
  background: linear-gradient(160deg, #ffc107, #ff8f00);
  border: 1px solid rgba(255, 215, 0, 0.45);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  text-decoration: none;
  transform: translateY(-140%);
  transition: transform 0.18s var(--ease-out, ease-out);
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid var(--gold-bright, #ffd700);
  outline-offset: 3px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
.an-menu-btn:focus-visible,
.dock-btn:focus-visible,
.lobby-btn:focus-visible,
.lobby-mode-btn:focus-visible,
.lobby-play-hero:focus-visible,
.opt-btn:focus-visible,
.login-btn:focus-visible,
.login-primary:focus-visible,
.login-form-btn:focus-visible,
.login-guest:focus-visible,
.login-tab:focus-visible {
  outline: 2px solid var(--gold-bright, #ffd700) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.28) !important;
}

.sound-toggle.is-muted {
  color: rgba(255, 171, 145, 0.95) !important;
  border-left: 3px solid rgba(255, 152, 0, 0.65);
  padding-left: 10px;
}
.sound-toggle:not(.is-muted) {
  color: rgba(143, 212, 184, 0.95);
}

.spect-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.72), rgba(8, 18, 32, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: border-color 0.15s ease, transform 0.15s var(--ease-out, ease-out);
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.38) !important;
  transform: translateY(-1px);
}
.spect-watch:focus-visible {
  outline: 2px solid var(--gold-bright, #ffd700) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link { transition: none; }
  .spect-row { transition: none; }
  .daily-banner.is-ready,
  .wheel-banner.is-ready,
  .calendar-banner.is-ready,
  .mission-card.is-bonus,
  .cal-day.is-next,
  .dr-day.is-current,
  .wheel-panel.is-ready,
  #btn-chat.has-unread:not(.active),
  .tile.okey-tile,
  .okey-badge,
  .opp-card.active .opp-avatar,
  #discard-pile.can-pick .mini-tile.discard-top,
  .lobby-play-hero .lph-glow,
  .cta-pulse,
  .tb-dot,
  #turn-banner.mine,
  #turn-banner.urgent {
    animation: none !important;
  }
}

/* ── Pass 77: History / Replay / Spectate depth ── */
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 215, 0, 0.58) !important;
  letter-spacing: 0.14em !important;
}
.hist-meta,
.replay-subtitle {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hist-item {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.58), rgba(8, 18, 32, 0.78)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  transition: border-color 0.15s ease, transform 0.15s var(--ease-out, ease-out), background 0.15s ease !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
  background: linear-gradient(160deg, rgba(22, 42, 68, 0.7), rgba(8, 18, 32, 0.85)) !important;
}
.hist-item.hist-self {
  background: linear-gradient(160deg, rgba(26, 107, 82, 0.24), rgba(8, 18, 32, 0.8)) !important;
  border-color: rgba(143, 212, 184, 0.38) !important;
}
.hist-item.hist-finish {
  background: linear-gradient(160deg, rgba(255, 215, 0, 0.16), rgba(8, 18, 32, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
}
.hist-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.68)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.hist-empty-ico {
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.hist-btn-x {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.hist-btn-x:hover {
  background: rgba(255, 152, 0, 0.16) !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
  color: #ffcc80 !important;
}
.hist-btn-x svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.hist-btn-share {
  background: rgba(255, 215, 0, 0.1) !important;
  color: var(--gold-bright, #ffd700) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
}
.hist-btn-share:hover {
  background: rgba(255, 215, 0, 0.2) !important;
  filter: brightness(1.05);
}
.hist-replay-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.65), rgba(8, 18, 32, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.hist-btn-close:not(.hist-btn-x) {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.hist-btn-replay {
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.28) !important;
}

.replay-item {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.35), rgba(8, 18, 32, 0.45)) !important;
  border: 1px solid transparent !important;
}
.replay-item.replay-done {
  opacity: 0.72 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}
.replay-item.replay-active {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.55)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700);
}
.replay-progress {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 215, 0, 0.12);
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffd700, #ff8f00) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.35);
}
.replay-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
.replay-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: block;
}
.replay-btn:hover:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.4) !important;
  color: #fff !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.28) !important;
}
.replay-btn.active svg {
  fill: #1a1208;
}
.replay-close {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.replay-close:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  color: #fff !important;
}

.spect-row-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.spect-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1a1208;
  background: linear-gradient(135deg, #8fd4b8, #145c45);
  border: 1px solid rgba(200, 230, 201, 0.35);
}
.spect-live i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0d3b2e;
  box-shadow: 0 0 0 2px rgba(13, 59, 46, 0.25);
  animation: spectLivePulse 1.4s ease-in-out infinite;
}
@keyframes spectLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.85); }
}
.spect-elo {
  font-size: 11px;
  font-weight: 700;
  color: var(--gold-bright, #ffd700);
  opacity: 0.9;
}
.spect-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22);
  border-radius: 16px;
}
.spect-watch {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28);
}
.spect-watch:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .hist-item { transition: none !important; }
  .spect-live i { animation: none !important; }
  .hist-item:hover,
  .spect-watch:hover { transform: none; }
}

/* ── Pass 78: Toast / UX tip / table micro ── */
#game-toast-host {
  top: 12px !important;
  gap: 10px !important;
}
.game-toast {
  background:
    radial-gradient(ellipse 80% 60% at 12% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
}
.game-toast.ok {
  background:
    radial-gradient(ellipse 80% 60% at 12% 0%, rgba(143, 212, 184, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(12, 40, 32, 0.98), rgba(8, 22, 18, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.game-toast.warn {
  background:
    radial-gradient(ellipse 80% 60% at 12% 0%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(42, 28, 12, 0.98), rgba(22, 14, 8, 0.98)) !important;
  border-color: rgba(255, 152, 0, 0.48) !important;
}
.game-toast-ico {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: 0 !important;
}
.game-toast-ico svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  display: block;
}
.game-toast.ok .game-toast-ico {
  color: #fff !important;
  background: linear-gradient(145deg, #8fd4b8, #145c45) !important;
}
.game-toast.warn .game-toast-ico {
  color: #fff !important;
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
}
.game-toast:not(.warn):not(.ok) .game-toast-ico {
  color: #1a1208 !important;
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
}
.game-toast-time {
  color: var(--gold-bright, #ffd700) !important;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
  font-size: 11px !important;
}
.game-toast.warn .game-toast-time {
  color: #ffcc80 !important;
  background: rgba(255, 152, 0, 0.14);
  border-color: rgba(255, 152, 0, 0.35);
}

#ux-tip {
  background:
    radial-gradient(ellipse 70% 80% at 8% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.18s var(--ease-out, ease-out), opacity 0.18s ease;
}
#ux-tip.is-ok {
  background:
    radial-gradient(ellipse 70% 80% at 8% 0%, rgba(143, 212, 184, 0.16), transparent 55%),
    linear-gradient(145deg, rgba(12, 40, 32, 0.97), rgba(8, 24, 18, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.45) !important;
}
#ux-tip.is-warn {
  background:
    radial-gradient(ellipse 70% 80% at 8% 0%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(145deg, rgba(42, 28, 12, 0.97), rgba(22, 14, 8, 0.98)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
}
#ux-tip .ux-tip-ico {
  border-radius: 10px !important;
}
#ux-tip:hover {
  transform: translateX(-50%) translateY(-2px);
}

/* Table micro */
#rack-section.my-turn {
  border-color: rgba(201, 162, 39, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.45),
    0 0 0 1px rgba(255, 215, 0, 0.18),
    0 0 22px rgba(255, 215, 0, 0.28),
    0 10px 28px rgba(0, 0, 0, 0.5) !important;
}
#rack-section.throw-ready {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.4),
    0 0 0 1px rgba(255, 140, 0, 0.22),
    0 0 24px rgba(255, 140, 0, 0.38),
    0 10px 28px rgba(0, 0, 0, 0.5) !important;
  animation: rackThrowReady 1.6s ease-in-out infinite;
}
@keyframes rackThrowReady {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 230, 190, 0.4), 0 0 0 1px rgba(255, 140, 0, 0.2), 0 0 18px rgba(255, 140, 0, 0.28), 0 10px 28px rgba(0, 0, 0, 0.5); }
  50% { box-shadow: inset 0 1px 0 rgba(255, 230, 190, 0.4), 0 0 0 1px rgba(255, 140, 0, 0.35), 0 0 28px rgba(255, 140, 0, 0.48), 0 10px 28px rgba(0, 0, 0, 0.5); }
}
.tile.selected {
  animation: tileSelectPop 0.22s var(--ease-out, ease-out);
}
@keyframes tileSelectPop {
  from { transform: translateY(-3px) scale(0.98); }
  to { transform: translateY(-7px) scale(1); }
}
.discard-panel.can-pick {
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35), 0 0 18px rgba(255, 215, 0, 0.2) !important;
}
#actions .btn:not(:disabled):active {
  transform: scale(0.96) translateY(1px) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.28), 0 6px 18px rgba(230, 81, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  #rack-section.throw-ready,
  .tile.selected,
  #ux-tip { animation: none !important; transition: none !important; }
  #ux-tip:hover { transform: translateX(-50%); }
}

/* ── Pass 79: Chat / Gift / Lobby hero ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 70% 40% at 80% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
}
.chat-head {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.14), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.12) !important;
}
.chat-head-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.chat-head button,
.panel-ico-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}
.chat-head button:hover,
.panel-ico-btn:hover {
  background: rgba(255, 152, 0, 0.16) !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
  color: #ffcc80 !important;
}
.chat-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.45), rgba(8, 18, 32, 0.55)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.2);
  border-radius: 14px;
  margin: 4px 2px;
}
.chat-line {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  animation: chatLineIn 0.2s var(--ease-out, ease-out);
}
.chat-line.me {
  background: linear-gradient(145deg, #eef6f0, #e0ebe3) !important;
}
.chat-line.gift {
  background: linear-gradient(145deg, #fff6e8, #ffe8cc) !important;
}
@keyframes chatLineIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.chat-quick button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
}
.chat-input-row input {
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.75), rgba(4, 10, 20, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
.chat-input-row .chat-send {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
}
.chat-input-row .chat-send:hover {
  filter: brightness(1.06);
}

.gift-hint {
  color: rgba(255, 215, 0, 0.55) !important;
}
.gift-targets button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.8), rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
.gift-grid button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.4) !important;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#btn-gift.active {
  border-color: rgba(255, 106, 0, 0.75) !important;
  box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  color: #ffab40 !important;
}
#btn-chat.active {
  border-color: rgba(255, 215, 0, 0.7) !important;
  color: #ffe082 !important;
}
#btn-chat.has-unread:not(.active) {
  animation: dockUnreadPulse 1.8s ease-in-out infinite;
}

.lobby-play-hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, #ff9800 0%, #ef6c00 50%, #e65100 100%) !important;
}
.lobby-play-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.18) 50%, transparent 60%);
  transform: translateX(-120%);
  animation: lphSheen 3.6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes lphSheen {
  0%, 55% { transform: translateX(-120%); }
  75%, 100% { transform: translateX(120%); }
}
.lobby-play-hero .lph-ico,
.lobby-play-hero .lph-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
}
.lobby-play-hero .lph-ico svg,
.lobby-play-hero .lph-arrow svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}
.lobby-play-hero .lph-arrow {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 215, 0, 0.22);
  color: #fff8e7;
  margin-left: auto;
  transition: transform 0.18s var(--ease-out, ease-out);
}
.lobby-play-hero:hover .lph-arrow {
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero::after,
  .chat-line,
  #btn-chat.has-unread:not(.active) { animation: none !important; }
  .lobby-play-hero:hover .lph-arrow { transform: none; }
}

/* ── Pass 80: Game-over / Round-end / Room cards ── */
.go-card {
  background:
    radial-gradient(ellipse 80% 45% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
}
#go-overlay.i-won .go-card {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(22, 40, 64, 0.99), rgba(10, 20, 36, 0.99)) !important;
}
.go-score-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  transition: border-color 0.15s ease, transform 0.15s var(--ease-out, ease-out);
}
.go-score-row:hover {
  border-color: rgba(255, 215, 0, 0.28) !important;
  transform: translateY(-1px);
}
.go-score-row.winner {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.55)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.go-score-row.me {
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.22), rgba(18, 36, 58, 0.55)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.go-pill {
  border: 1px solid transparent;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}
#go-overlay .btn-again.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
}
#go-overlay .btn-again.ghost:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  color: #fff !important;
}
#go-overlay .btn-again.danger {
  background: rgba(255, 152, 0, 0.12) !important;
  border-color: rgba(255, 152, 0, 0.42) !important;
}

.re-card {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
}
.re-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
}
.re-row.winner {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.55)) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700) !important;
}
.re-row.me {
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.re-eyebrow {
  color: rgba(255, 215, 0, 0.55) !important;
}
.re-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 8px 0;
}
.re-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 215, 0, 0.2);
}
.re-dot.done {
  background: var(--gold-bright, #ffd700) !important;
  border-color: transparent;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.35);
}
.re-dot.active {
  background: #ff9800 !important;
  border-color: transparent;
  box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
  animation: reDotPulse 1.2s ease-in-out infinite;
}
@keyframes reDotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.85; }
}

.room-card {
  background:
    radial-gradient(ellipse 60% 50% at 0% 0%, rgba(255, 215, 0, 0.08), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.38) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 0 16px rgba(26, 107, 82, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.55) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.room-btn-join.ready {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.3) !important;
}
.room-status-badge {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.25);
  background: rgba(255, 215, 0, 0.12);
  color: var(--gold-bright, #ffd700);
}
.room-status-badge.open,
.room-status-badge.waiting {
  background: rgba(26, 107, 82, 0.22) !important;
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
}
.room-status-badge.playing {
  background: rgba(255, 152, 0, 0.18) !important;
  color: #ffcc80 !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
}
.lobby-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.lobby-empty-title {
  color: #fff8e7 !important;
  font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
  .go-score-row { transition: none; }
  .go-score-row:hover { transform: none; }
  .re-dot.active { animation: none !important; }
}

/* ── Pass 81: Matchmaking / Login atmosphere ── */
#mm-overlay,
.lobby-waiting {
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255, 215, 0, 0.12), transparent 52%),
    rgba(6, 10, 20, 0.9) !important;
  backdrop-filter: blur(10px);
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  animation: cardSlide 280ms var(--ease-out, ease-out) !important;
}
.mm-card .lw-pulse,
.lw-card .lw-pulse {
  margin: 0 auto 12px;
}
#mm-overlay .spinner,
.lw-spinner {
  border-color: rgba(255, 215, 0, 0.18) !important;
  border-top-color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.2);
}
.mm-fill,
#lw-fill {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.02em;
}
.mm-progress,
.lw-progress {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 215, 0, 0.12);
  overflow: hidden;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #ffd700, #ff8f00) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.35);
}
.mm-tip,
.lw-tip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  color: rgba(255, 255, 255, 0.55) !important;
}
.mm-seat:not(.filled) {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.2) !important;
}
.mm-seat-empty svg,
.mf-seat:not(.filled) svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  opacity: 0.55;
}
.lw-share {
  width: 100%;
  margin: 8px 0 0;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  color: #1a1208;
  background: linear-gradient(145deg, #ffd700, #f0b400);
  border: 1px solid rgba(255, 215, 0, 0.35);
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.22);
}
.lw-share:hover { filter: brightness(1.05); }
.lw-code-wrap {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.9));
  border: 1px dashed rgba(255, 215, 0, 0.35);
  color: var(--gold-bright, #ffd700);
  font-weight: 800;
  letter-spacing: 0.12em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 24%, rgba(255, 215, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 50% 80%, rgba(26, 107, 82, 0.12), transparent 48%),
    rgba(6, 10, 20, 0.92) !important;
}
.mf-card {
  background:
    radial-gradient(ellipse 70% 45% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(22, 40, 64, 0.99), rgba(8, 16, 30, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.15),
    0 0 28px rgba(255, 215, 0, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
  animation: goWinCard 0.4s var(--ease-out, ease-out) !important;
}
.mf-eyebrow {
  color: rgba(255, 215, 0, 0.6) !important;
}

#login-overlay {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.16), transparent 46%),
    radial-gradient(ellipse at 12% 88%, rgba(26, 107, 82, 0.32), transparent 40%),
    radial-gradient(ellipse at 92% 70%, rgba(255, 140, 0, 0.1), transparent 36%),
    linear-gradient(175deg, #0a1528 0%, #081225 48%, #050b16 100%) !important;
}
.login-tabs {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
.login-input {
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.75), rgba(4, 10, 20, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  color: #fff !important;
}
.login-form-btn {
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.22) !important;
}
.login-form-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.login-more {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
}
.login-primary .lp-ico {
  background: rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 215, 0, 0.28);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.login-primary .lp-ico svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
  .mm-card,
  .lw-card,
  .mf-card { animation: none !important; }
  .login-form-btn:hover { transform: none; }
}

/* ── Pass 82: Tournament bracket / cards depth ── */
#tr-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.14), transparent 50%),
    radial-gradient(ellipse at 80% 85%, rgba(255, 140, 0, 0.08), transparent 42%),
    rgba(6, 10, 20, 0.92) !important;
}
.tr-panel {
  background:
    radial-gradient(ellipse 70% 35% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 30, 0.98)) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.18s ease, transform 0.15s var(--ease-out, ease-out), box-shadow 0.18s ease !important;
}
.tr-card:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-card.status-registration {
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.tr-card.is-registered {
  background:
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
}
.tr-fill {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 215, 0, 0.1);
}
.tr-fill-bar {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ff8f00) !important;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.25);
}
.tr-btn-register:not(:disabled) {
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.3) !important;
}
.tr-btn-view {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.tr-btn-view:hover {
  background: rgba(255, 215, 0, 0.16) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
}
.tr-btn-back {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
.tr-countdown {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
.tr-prize-info {
  background: linear-gradient(160deg, rgba(255, 215, 0, 0.1), rgba(18, 36, 58, 0.55)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
}

.tr-bracket {
  gap: 18px !important;
  padding: 10px 4px 14px !important;
}
.tr-round-title {
  color: rgba(255, 215, 0, 0.72) !important;
  letter-spacing: 0.08em !important;
  border-bottom-color: rgba(255, 215, 0, 0.22) !important;
}
.tr-match {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s var(--ease-out, ease-out);
}
.tr-match:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  transform: translateY(-1px);
}
.tr-match.playing {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.16), inset 3px 0 0 #ff9800 !important;
  animation: trMatchLive 1.8s ease-in-out infinite;
}
@keyframes trMatchLive {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 152, 0, 0.12), inset 3px 0 0 #ff9800; }
  50% { box-shadow: 0 0 18px rgba(255, 152, 0, 0.22), inset 3px 0 0 #ffb74d; }
}
.tr-match.completed {
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.tr-match-player.winner {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.18), transparent) !important;
  color: var(--gold-bright, #ffd700) !important;
  border-radius: 8px;
}
.tr-match-status.live {
  color: #ff9800 !important;
  text-shadow: 0 0 10px rgba(255, 152, 0, 0.35);
}
.tr-match-status.done {
  color: #8fd4b8 !important;
}
.tr-bracket-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.tr-bracket-champ {
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  color: #ffe082 !important;
}

.tournament-banner.is-live {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background:
    linear-gradient(100deg, rgba(60, 36, 12, 0.7), rgba(18, 36, 64, 0.65)) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tournament-banner.is-registered {
  border-color: rgba(143, 212, 184, 0.48) !important;
  background:
    linear-gradient(100deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 64, 0.65)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tr-card { transition: none !important; }
  .tr-match { transition: none !important; }
  .tr-match:hover { transform: none; }
  .tr-match.playing { animation: none !important; }
}

/* ── Pass 83: Clubs / Club wars depth ── */
.club-card {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-card.is-mine {
  background:
    linear-gradient(90deg, rgba(26, 107, 82, 0.2), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow: 0 0 16px rgba(26, 107, 82, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-card.rank .club-rank {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
}
.club-btn.join {
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.28) !important;
  border: 1px solid rgba(200, 230, 201, 0.25) !important;
}
.club-btn.war {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
}
.club-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
.club-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.club-tab {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
  color: rgba(255, 255, 255, 0.55) !important;
}
.club-tab.active {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
}

.club-war-card {
  background:
    radial-gradient(ellipse 55% 50% at 0% 0%, rgba(255, 152, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.18s ease, transform 0.15s var(--ease-out, ease-out), box-shadow 0.18s ease !important;
}
.club-war-card:hover {
  border-color: rgba(255, 215, 0, 0.36) !important;
  transform: translateY(-1px);
}
.club-war-card.active {
  background:
    linear-gradient(90deg, rgba(255, 152, 0, 0.18), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.16), inset 3px 0 0 #ff9800 !important;
  animation: clubWarActive 2s ease-in-out infinite;
}
@keyframes clubWarActive {
  0%, 100% { box-shadow: 0 0 12px rgba(255, 152, 0, 0.12), inset 3px 0 0 #ff9800; }
  50% { box-shadow: 0 0 20px rgba(255, 152, 0, 0.22), inset 3px 0 0 #ffb74d; }
}
.club-war-card.pending {
  background:
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12), inset 3px 0 0 var(--gold-bright, #ffd700) !important;
}
.club-war-card.done {
  opacity: 0.88;
  border-color: rgba(143, 212, 184, 0.35) !important;
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.club-war-vs {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.club-war-score {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
}
.club-war-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.club-war-actions .club-btn.accept {
  flex: 1;
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  box-shadow: 0 6px 14px rgba(230, 81, 0, 0.28);
}
.club-war-actions .club-btn.decline {
  flex: 1;
  background: rgba(191, 106, 74, 0.14) !important;
  border: 1px solid rgba(191, 106, 74, 0.4) !important;
  color: #ffab91 !important;
}

.club-badge-card {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.15s ease, transform 0.15s var(--ease-out, ease-out), box-shadow 0.15s ease !important;
}
.club-badge-card:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  transform: translateY(-1px);
}
.club-badge-card.is-unlocked {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(22, 40, 64, 0.95), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.clubwar-banner {
  background: linear-gradient(100deg, rgba(255, 138, 101, 0.18), rgba(8, 16, 32, 0.55)) !important;
  border-color: rgba(255, 138, 101, 0.42) !important;
}
.clubwar-banner.needs-response {
  border-color: rgba(255, 152, 0, 0.6) !important;
  background: linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 64, 0.65)) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.clubwar-banner.is-active {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-war-card { transition: none !important; }
  .club-war-card:hover,
  .club-badge-card:hover { transform: none; }
  .club-war-card.active { animation: none !important; }
}

/* ── Pass 84: Notifications sheet depth ── */
.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 70% 35% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 40px rgba(255, 215, 0, 0.05) !important;
}
.notif-header {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.08), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.14) !important;
}
.notif-mark-all {
  border-radius: 10px !important;
  padding: 6px 12px !important;
  font-weight: 800 !important;
  font-size: 11px !important;
}
.notif-count b {
  color: var(--gold-bright, #ffd700) !important;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
}
.notif-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.notif-card:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.notif-card.is-unread {
  background:
    linear-gradient(90deg, rgba(255, 215, 0, 0.1), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 14px rgba(255, 215, 0, 0.08) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 12px rgba(26, 107, 82, 0.12) !important;
}
.notif-card.reward.is-unread {
  background: linear-gradient(90deg, rgba(255, 140, 0, 0.14), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 140, 0, 0.45) !important;
  box-shadow: inset 3px 0 0 #ff8f00, 0 0 12px rgba(255, 140, 0, 0.1) !important;
}
.notif-card.club.is-unread {
  background: linear-gradient(90deg, rgba(255, 138, 101, 0.12), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 138, 101, 0.45) !important;
  box-shadow: inset 3px 0 0 #ff8a65, 0 0 12px rgba(255, 138, 101, 0.1) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: inset 3px 0 0 #ffd700, 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.notif-card.support.is-unread {
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(26, 107, 82, 0.5) !important;
  box-shadow: inset 3px 0 0 #1a6b52, 0 0 12px rgba(26, 107, 82, 0.12) !important;
}
.notif-icon {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.notif-title {
  font-family: 'DM Sans', sans-serif !important;
}
.notif-btn.accept,
.notif-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
.notif-btn.decline {
  background: rgba(191, 106, 74, 0.14) !important;
  border: 1px solid rgba(191, 106, 74, 0.4) !important;
  color: #ffab91 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
.notif-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.notif-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
  border-radius: 16px !important;
  padding: 28px 16px !important;
}
.notif-empty-icon {
  background: rgba(255, 215, 0, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.notif-empty-actions .notif-btn.primary {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28) !important;
}
.notif-error {
  border-radius: 12px !important;
}

@media (prefers-reduced-motion: reduce) {
  .notif-card { transition: none !important; }
  .notif-card:hover { transform: none; }
}

/* ── Pass 86: Profile / Account / Settings meta depth ── */
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 65% 35% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.26) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 36px rgba(255, 215, 0, 0.05) !important;
}
.meta-panel .dr-title {
  font-family: 'Cormorant Garamond', 'Cinzel', Georgia, serif !important;
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.02em;
}
.profile-hero {
  background:
    radial-gradient(ellipse 80% 55% at 15% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.96), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(255, 215, 0, 0.08) !important;
}
.profile-name {
  font-family: 'DM Sans', 'Outfit', sans-serif !important;
  letter-spacing: 0.01em;
}
.profile-rank.legend {
  color: #ffb74d !important;
  border-color: rgba(255, 152, 0, 0.45) !important;
  background: rgba(255, 152, 0, 0.14) !important;
}
.profile-rank.silver {
  color: #cfd8dc !important;
  border-color: rgba(207, 216, 220, 0.4) !important;
  background: rgba(207, 216, 220, 0.12) !important;
}
.profile-rank.bronze {
  color: #cd7f32 !important;
  border-color: rgba(205, 127, 50, 0.45) !important;
  background: rgba(205, 127, 50, 0.14) !important;
}
.profile-level {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 6px 16px rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.profile-level-fill {
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.45) !important;
}
.profile-chips {
  background:
    linear-gradient(100deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.75) 55%, rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}
.profile-btn {
  border-radius: 12px !important;
  font-weight: 800 !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.profile-btn:hover {
  filter: brightness(1.08);
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.35) !important;
  transform: translateY(-1px);
}
.profile-stat {
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.profile-stat:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.profile-link {
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
  font-weight: 700 !important;
}
.profile-link:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.profile-link.ghost {
  border-style: dashed !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.account-card {
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.account-card:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}
.account-card.invite {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 140, 0, 0.18), transparent 55%),
    linear-gradient(145deg, rgba(255, 111, 0, 0.16), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 140, 0, 0.45) !important;
}
.account-card.privacy {
  box-shadow: inset 3px 0 0 #8fd4b8, inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.account-card.danger {
  box-shadow: inset 3px 0 0 #bf6a4a, inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.account-btn {
  border-radius: 10px !important;
  font-weight: 700 !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.15s, filter 0.15s !important;
}
.account-btn:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  filter: brightness(1.06);
}
.account-btn.gold {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(230, 81, 0, 0.28) !important;
}
.account-btn.danger:hover {
  filter: brightness(1.08);
}
.account-code {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.account-export-pre {
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.75) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}
.settings-sub {
  color: rgba(255, 255, 255, 0.55) !important;
}
.settings-label {
  color: rgba(255, 255, 255, 0.65) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-stat,
  .profile-link,
  .profile-btn,
  .account-card,
  .account-btn {
    transition: none !important;
  }
  .profile-stat:hover,
  .profile-link:hover,
  .profile-btn:hover,
  .account-card:hover {
    transform: none;
  }
}

/* ── Pass 87: Shop / Store / Cosmetics depth ── */
.shop-toolbar {
  gap: 8px !important;
}
.shop-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  transition: border-color 0.15s, color 0.15s, background 0.15s !important;
}
.shop-chip:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
  color: #fff8e7 !important;
}
.shop-chip.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.shop-section-title {
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 11px !important;
}
.shop-card {
  background:
    radial-gradient(ellipse 45% 50% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.36) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.shop-card.is-owned,
.shop-card.owned {
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 14px rgba(26, 107, 82, 0.1) !important;
}
.shop-card.is-equipped {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.shop-card.legendary {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 140, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 140, 0, 0.48) !important;
}
.shop-card.epic {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
}
.shop-card.rare {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(26, 107, 82, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
}
.shop-card.store-pack {
  background:
    radial-gradient(ellipse 40% 70% at 0% 50%, rgba(255, 140, 0, 0.14), transparent 55%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 140, 0, 0.32) !important;
}
.shop-card.store-pack:hover {
  border-color: rgba(255, 140, 0, 0.5) !important;
}
.shop-card-btn.buy {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.3) !important;
}
.shop-card-btn.buy:hover {
  filter: brightness(1.06);
}
.shop-card-btn.equip {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  color: #e8f5e9 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
.shop-card-btn.equipped,
.shop-badge.equipped {
  color: var(--gold-bright, #ffd700) !important;
}
.shop-card-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.shop-empty.rich {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.shop-empty-ico {
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.shop-invoice-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.shop-invoice-row:hover {
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.shop-invoice-total {
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}
.shop-vip-note {
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(255, 215, 0, 0.08);
  border: 1px solid rgba(255, 215, 0, 0.18);
  color: rgba(255, 236, 179, 0.75) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-chip,
  .shop-tab {
    transition: none !important;
  }
  .shop-card:hover {
    transform: none;
  }
}

/* ── Pass 88: Missions / Achievements / Season / Calendar depth ── */
.mission-summary,
.achieve-summary {
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85));
  border: 1px solid rgba(255, 215, 0, 0.14);
  margin-bottom: 10px !important;
}
.mission-summary-pct,
.achieve-summary-pct {
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.25);
}
.mission-summary-bar,
.achieve-summary-bar {
  background: rgba(8, 18, 32, 0.65) !important;
  border: 1px solid rgba(255, 215, 0, 0.1);
  border-radius: 999px !important;
  overflow: hidden;
}
.mission-summary-fill,
.achieve-summary-fill {
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.35);
}
.mission-card {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
}
.mission-card:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.mission-bonus {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 152, 0, 0.18), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
}
.mission-btn {
  border-radius: 12px !important;
  transition: filter 0.15s, box-shadow 0.15s !important;
}
.mission-btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.38) !important;
}
.mission-empty,
.achieve-empty,
.season-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
  padding: 22px 12px !important;
}
.mission-empty-ico,
.achieve-empty-ico,
.season-empty-ico {
  background: rgba(255, 215, 0, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.75)) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.achieve-card.is-locked {
  opacity: 0.82 !important;
}
.achieve-fill.gold {
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
}
.season-hero {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(255, 215, 0, 0.08) !important;
}
.season-me {
  box-shadow: inset 3px 0 0 #8fd4b8, 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}
.season-reward {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
  border-radius: 10px !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
}
.season-reward.next {
  border-color: rgba(255, 140, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.15) !important;
}
.season-board-title {
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.season-row {
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.season-row:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.season-row.is-top {
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.season-row.is-me {
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 12px rgba(26, 107, 82, 0.1) !important;
}
.cal-day {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.cal-day.claimed {
  background:
    radial-gradient(ellipse 50% 50% at 50% 0%, rgba(26, 107, 82, 0.22), transparent 60%),
    rgba(26, 107, 82, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(143, 212, 184, 0.15) !important;
}
.cal-day.next {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 60%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.6)) !important;
}
.cal-claim {
  transition: filter 0.15s, box-shadow 0.15s !important;
}
.cal-claim:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.38) !important;
}
.cal-claim:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .achieve-card,
  .season-row,
  .cal-day,
  .mission-btn,
  .cal-claim {
    transition: none !important;
  }
  .mission-card:hover,
  .achieve-card:hover,
  .season-row:hover {
    transform: none;
  }
  .cal-day.next,
  .mission-bonus.ready {
    animation: none !important;
  }
}

/* ── Pass 89: Leaderboard / Friends depth ── */
.lb-panel {
  background:
    radial-gradient(ellipse 65% 35% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.06) !important;
}
.lb-tabs {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.lb-tab:hover:not(.active) {
  color: #fff8e7 !important;
  background: rgba(255, 215, 0, 0.06);
}
.lb-tab.active {
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3) !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 35% 60% at 0% 50%, rgba(255, 215, 0, 0.05), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.lb-row:hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 16px rgba(255, 215, 0, 0.14) !important;
}
.lb-row.top2 {
  background:
    radial-gradient(ellipse 45% 55% at 0% 50%, rgba(176, 190, 197, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(176, 190, 197, 0.4) !important;
  box-shadow: inset 3px 0 0 #b0bec5 !important;
}
.lb-row.top3 {
  background:
    radial-gradient(ellipse 45% 55% at 0% 50%, rgba(205, 127, 50, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(205, 127, 50, 0.42) !important;
  box-shadow: inset 3px 0 0 #cd7f32 !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 45% 55% at 0% 50%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.lb-me-bar {
  box-shadow: inset 3px 0 0 #8fd4b8, 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}
.lb-rank .lb-medal.m1 {
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.35);
}
.lb-empty,
.friend-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
}

.friend-row {
  background:
    radial-gradient(ellipse 35% 55% at 0% 0%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
}
.friend-row:hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(26, 107, 82, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700) !important;
}
.friend-row.blocked {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(191, 106, 74, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(191, 106, 74, 0.35) !important;
  box-shadow: inset 3px 0 0 #bf6a4a !important;
  opacity: 1 !important;
}
.friend-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.friend-btn.invite.muted {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.1) !important;
}
.friend-btn.primary:hover,
.friend-btn.invite:not(.muted):hover {
  filter: brightness(1.06);
}
.friend-search-input {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.friend-avatar {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  .lb-row,
  .friend-row,
  .lb-tab {
    transition: none !important;
  }
  .lb-row:hover,
  .friend-row:hover {
    transform: none;
  }
}

/* ── Pass 90: Game HUD / table depth ── */
#topbar {
  background:
    linear-gradient(90deg, rgba(255, 215, 0, 0.06), transparent 35%),
    linear-gradient(180deg, rgba(12, 22, 40, 0.94), rgba(8, 14, 26, 0.96)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#topbar .tb-chip.tb-room {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8)) !important;
}
#turn-banner {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}
#turn-banner.mine {
  background: linear-gradient(160deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.85)) !important;
}
#turn-banner.urgent {
  background: linear-gradient(160deg, rgba(255, 106, 0, 0.2), rgba(42, 22, 10, 0.9)) !important;
}
.opp-card {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
}
.opp-card.active {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(28, 44, 68, 0.92), rgba(12, 20, 36, 0.96)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.25),
    0 0 0 3px rgba(212, 175, 55, 0.4),
    0 0 28px rgba(255, 215, 0, 0.32) !important;
}
.opp-card.offline {
  box-shadow: inset 3px 0 0 #bf6a4a, 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.35);
}
#actions .actions-primary {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
#actions .actions-secondary {
  background: linear-gradient(160deg, rgba(14, 28, 46, 0.8), rgba(8, 16, 28, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
}
#actions .btn:not([disabled]) {
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
}
#actions .btn-throw:not([disabled]) {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.32) !important;
}
#actions .btn-draw:not([disabled]),
#actions .btn-elden:not([disabled]) {
  box-shadow: 0 4px 12px rgba(26, 107, 82, 0.28) !important;
}
#discard-pile {
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#discard-pile .mini-tile.discard-top {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 215, 0, 0.2) !important;
}
#rack-section {
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.an-menu-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  #turn-banner.mine,
  #turn-banner.urgent,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip {
    animation: none !important;
  }
  .opp-card,
  #actions .btn {
    transition: none !important;
  }
}

/* ── Pass 91: Support / Wheel depth ── */
.wheel-panel {
  background:
    radial-gradient(ellipse 75% 45% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 32px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(255, 215, 0, 0.08) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(255, 215, 0, 0.22),
    0 12px 32px rgba(0, 0, 0, 0.35) !important;
}
.wheel-seg {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
  border-radius: 12px !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.wheel-seg:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.wheel-spin-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.wheel-spin-btn:not(:disabled):hover {
  filter: brightness(1.06);
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.42) !important;
}
.wheel-spin-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
}
.wheel-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.45), rgba(8, 18, 32, 0.6));
  border: 1px dashed rgba(255, 215, 0, 0.2);
  border-radius: 12px;
}

.sup-toolbar {
  padding: 8px 0 10px;
  border-bottom: 1px solid rgba(255, 215, 0, 0.12);
  margin-bottom: 10px;
}
.sup-count b {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
}
.sup-card {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
}
.sup-card:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.sup-card.status-open {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700) !important;
}
.sup-card.status-in_progress {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(255, 143, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 143, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 #ff8f00 !important;
}
.sup-card.status-resolved {
  background:
    radial-gradient(ellipse 45% 55% at 0% 0%, rgba(26, 107, 82, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.12), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.sup-card.status-closed {
  opacity: 0.88 !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.25) !important;
}
.sup-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.sup-btn.primary {
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28) !important;
}
.sup-btn.primary:hover {
  filter: brightness(1.06);
}
.sup-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
}
.sup-input {
  background: rgba(8, 18, 32, 0.72) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  border-radius: 12px !important;
}
.sup-input:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .sup-card,
  .wheel-spin-btn {
    transition: none !important;
  }
  .wheel-seg:hover,
  .sup-card:hover,
  .wheel-spin-btn:not(:disabled):hover {
    transform: none;
  }
}

/* ── Pass 92: Lobby dock / Spectate depth ── */
.lobby-brand,
.lobby-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.18);
}
.lobby-mode-toggle {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  border-radius: 14px !important;
  padding: 4px !important;
}
.lobby-mode-btn {
  background: transparent !important;
  border-radius: 10px !important;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.lobby-mode-btn.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.75)) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 70% 60% at 20% 50%, rgba(255, 140, 0, 0.22), transparent 55%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.95), rgba(230, 81, 0, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 12px 32px rgba(230, 81, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.lobby-play-hero:hover {
  box-shadow: 0 14px 40px rgba(230, 81, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.lobby-btn.create {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.28) !important;
}
.lobby-btn.refresh {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.lobby-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.65)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.22) !important;
}
.lobby-info {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}

.dock-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}
.dock-btn:hover {
  background: linear-gradient(160deg, rgba(28, 48, 72, 0.96), rgba(10, 22, 40, 0.98)) !important;
}
#table-dock {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.35));
}

.spect-row {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.38) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.spect-watch {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(230, 81, 0, 0.28) !important;
}
.spect-watch:hover {
  filter: brightness(1.06);
  box-shadow: 0 8px 18px rgba(230, 81, 0, 0.38) !important;
}
.spect-live {
  box-shadow: 0 2px 8px rgba(26, 107, 82, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .spect-row,
  .lobby-mode-btn,
  .dock-btn {
    transition: none !important;
  }
  .spect-row:hover,
  .dock-btn:hover {
    transform: none;
  }
  .lobby-play-hero:hover {
    transform: none;
  }
}

/* ── Pass 93: Chat / Gift panel depth ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 65% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(255, 215, 0, 0.06) !important;
}
.chat-head {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.16), transparent 75%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.16) !important;
}
.chat-head-title {
  color: var(--gold-bright, #ffd700) !important;
}
.chat-head button,
.panel-ico-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-radius: 10px !important;
}
.chat-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.24) !important;
  padding: 18px 12px !important;
}
.chat-empty-ico {
  background: rgba(255, 215, 0, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: var(--gold-bright, #ffd700) !important;
  border-radius: 12px !important;
}
.chat-line {
  border-radius: 12px !important;
}
.chat-line.me {
  box-shadow: 0 2px 10px rgba(26, 107, 82, 0.18) !important;
}
.chat-line.gift {
  box-shadow: 0 2px 10px rgba(230, 81, 0, 0.18) !important;
}
.chat-quick button {
  border-radius: 12px !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.12) !important;
}
.chat-input-row .chat-send {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

.gift-targets button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s !important;
}
.gift-targets button:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.gift-targets button.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.gift-grid button:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3), 0 0 14px rgba(255, 140, 0, 0.12) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.48) !important;
}
.gift-hint {
  color: rgba(255, 236, 179, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .gift-grid button,
  .gift-targets button {
    transition: none !important;
    animation: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover {
    transform: none;
  }
}

/* ── Pass 94: Game-over / Round-end depth ── */
#go-overlay,
#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255, 215, 0, 0.1), transparent 50%),
    rgba(6, 10, 20, 0.88) !important;
}
.go-card {
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.06) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
#go-overlay.i-lost .go-card {
  border-color: rgba(143, 180, 220, 0.28) !important;
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(100, 140, 190, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(16, 28, 48, 0.98), rgba(8, 14, 26, 0.99)) !important;
}
.go-trophy {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.2) !important;
}
#go-overlay.i-lost .go-trophy {
  background: linear-gradient(145deg, rgba(100, 140, 190, 0.16), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 180, 220, 0.35) !important;
  box-shadow: none !important;
}
.go-score-row {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
.go-score-row.me.winner {
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    inset 0 0 0 1px rgba(143, 212, 184, 0.25),
    0 0 14px rgba(255, 215, 0, 0.12) !important;
}
.go-pill.up {
  box-shadow: 0 0 10px rgba(26, 107, 82, 0.2);
}
.go-pill.down {
  box-shadow: 0 0 10px rgba(191, 106, 74, 0.18);
}
.go-pill.xp {
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.18);
}
#go-overlay .btn-again:not(.ghost):not(.danger) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.32) !important;
  font-weight: 800 !important;
}

.re-card {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 32px rgba(255, 215, 0, 0.08) !important;
}
.re-flag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.18) !important;
}
.re-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.re-row {
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.re-row:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
  transform: translateY(-1px);
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.45) !important;
}
.re-row.me {
  background: linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.re-dot.active {
  width: 18px !important;
  border-radius: 999px !important;
}

@media (prefers-reduced-motion: reduce) {
  .re-dot.active,
  .go-score-row,
  .re-row {
    animation: none !important;
    transition: none !important;
  }
  .go-score-row:hover,
  .re-row:hover {
    transform: none;
  }
}

/* ── Pass 95: Spectator HUD depth ── */
#spectator-banner {
  background:
    radial-gradient(ellipse 50% 120% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 60%),
    linear-gradient(90deg,
      rgba(8, 22, 42, 0.99),
      rgba(18, 48, 72, 0.99) 45%,
      rgba(8, 22, 42, 0.99)) !important;
  border-bottom-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 215, 0, 0.12),
    0 0 28px rgba(255, 215, 0, 0.06) !important;
  letter-spacing: 0.03em !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.65)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 2px 10px rgba(255, 215, 0, 0.15);
}
#spectator-banner .spec-dot {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.3),
    0 0 12px rgba(255, 215, 0, 0.55) !important;
}

#game.is-spectating #actions {
  opacity: 0.42 !important;
  pointer-events: none !important;
  filter: saturate(0.7);
}
#game.is-spectating .rack-arrange {
  opacity: 0.35 !important;
  pointer-events: none !important;
}
#game.is-spectating #rack-section {
  position: relative;
}
#game.is-spectating #rack-container {
  min-height: 72px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(ellipse 55% 70% at 50% 40%, rgba(255, 215, 0, 0.06), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
}
#game.is-spectating #rack-container::after {
  content: 'İzleyici — el görünmez';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255, 215, 0, 0.72);
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.75));
  border: 1px solid rgba(255, 215, 0, 0.28);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
#game.is-spectating #rack-container .tile {
  display: none !important;
}
#game.is-spectating #topbar .tb-room {
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}

.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.12);
  border-radius: 14px !important;
}
.spect-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
}
.spect-elo {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
}
.spect-row-meta {
  color: rgba(255, 236, 210, 0.55) !important;
}
.spect-list {
  gap: 10px !important;
}
.spect-live {
  background: linear-gradient(135deg, rgba(26, 107, 82, 0.95), rgba(18, 72, 56, 0.98)) !important;
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot {
    animation: none !important;
  }
}

/* ── Pass 96: History / Replay depth ── */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.12), transparent 52%),
    rgba(6, 10, 20, 0.9) !important;
}
.hist-panel,
.replay-panel {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 215, 0, 0.7) !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.2);
}
.hist-item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
.hist-item:hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.hist-item.hist-finish {
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.hist-item.hist-self {
  box-shadow: inset 3px 0 0 rgba(143, 212, 184, 0.7) !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.12);
}
.hist-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.hist-btn-replay {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.34) !important;
}
.hist-btn-replay:hover {
  filter: brightness(1.06);
}
.hist-btn-close:not(.hist-btn-x) {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 236, 210, 0.78) !important;
}
.hist-btn-x {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
}
.hist-btn-share {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.8)) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.12);
}
.hist-replay-row {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.replay-item {
  transition: border-color 0.15s, background 0.15s, opacity 0.15s !important;
}
.replay-item.replay-active {
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.replay-progress {
  background: linear-gradient(90deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffd700, #ff9800, #e65100) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4) !important;
}
.replay-btn {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  transition: border-color 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.replay-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
}
.replay-btn.active {
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.35) !important;
}
.replay-close {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

#go-overlay .btn-again.ghost#go-replay-btn,
#go-overlay .btn-again.ghost#go-share-replay-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 700 !important;
}
#go-overlay .btn-again.ghost#go-replay-btn:hover,
#go-overlay .btn-again.ghost#go-share-replay-btn:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(160deg, rgba(28, 48, 72, 0.95), rgba(10, 22, 40, 0.98)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .hist-item,
  .replay-item,
  .replay-btn {
    transition: none !important;
  }
  .hist-item:hover,
  .replay-btn:hover:not(:disabled) {
    transform: none;
  }
}

/* ── Pass 97: Matchmaking / Confirm depth ── */
#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.14), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(26, 107, 82, 0.1), transparent 42%),
    rgba(6, 10, 20, 0.92) !important;
}
.mm-card,
.lw-card {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 28px rgba(255, 152, 0, 0.14) !important;
}
.mm-progress,
.lw-progress {
  height: 6px !important;
  background: linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #ffd700, #ff9800, #e65100) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4) !important;
}
.mm-tip,
.lw-tip {
  border-color: rgba(255, 215, 0, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 236, 210, 0.62) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.35) !important;
}
.mm-seat.almost,
.mf-seat.almost {
  background: linear-gradient(160deg, rgba(255, 152, 0, 0.12), rgba(18, 36, 58, 0.7)) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  background: linear-gradient(160deg, rgba(230, 81, 0, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 152, 0, 0.45) !important;
  box-shadow: 0 4px 14px rgba(230, 81, 0, 0.15) !important;
}
#mm-overlay .btn-cancel:hover,
.lw-cancel:hover {
  box-shadow: 0 8px 18px rgba(230, 81, 0, 0.25) !important;
}
.lw-share {
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.28) !important;
}
.lw-code-wrap {
  border-style: solid !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.1);
}

.mf-card {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.18),
    0 0 36px rgba(255, 215, 0, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mf-eyebrow {
  color: rgba(255, 215, 0, 0.72) !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.2);
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 24%, rgba(255, 215, 0, 0.12), transparent 50%),
    rgba(6, 10, 20, 0.92) !important;
}
.confirm-card {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 32px rgba(255, 215, 0, 0.07) !important;
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
}
.confirm-card.tone-danger {
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 28px rgba(230, 81, 0, 0.12) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.5) !important;
}
#confirm-overlay .confirm-rules {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.32) !important;
  font-weight: 800 !important;
}
#confirm-overlay .confirm-btns .btn-play {
  box-shadow: 0 8px 20px rgba(26, 107, 82, 0.3) !important;
  font-weight: 800 !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 236, 210, 0.78) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mm-seat.almost,
  .mf-seat.almost {
    animation: none !important;
  }
}

/* ── Pass 98: Login / Auth depth ── */
#login-overlay {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.18), transparent 46%),
    radial-gradient(ellipse at 12% 88%, rgba(26, 107, 82, 0.36), transparent 40%),
    radial-gradient(ellipse at 92% 70%, rgba(255, 140, 0, 0.12), transparent 36%),
    linear-gradient(175deg, #0a1528 0%, #081225 48%, #050b16 100%) !important;
}
.login-atmosphere {
  background:
    radial-gradient(circle at 22% 78%, rgba(26, 107, 82, 0.2), transparent 42%),
    radial-gradient(circle at 88% 24%, rgba(255, 140, 0, 0.12), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(255, 215, 0, 0.08), transparent 40%) !important;
}
.login-logo {
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.22),
    0 14px 36px rgba(255, 140, 0, 0.32),
    0 0 40px rgba(255, 215, 0, 0.12) !important;
}
.login-title {
  text-shadow: 0 2px 24px rgba(255, 215, 0, 0.28) !important;
}
.login-primary {
  box-shadow: 0 12px 30px rgba(230, 81, 0, 0.38) !important;
}
.login-primary:hover {
  box-shadow: 0 14px 36px rgba(230, 81, 0, 0.45) !important;
}
.login-divider span:first-child,
.login-divider span:last-child {
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.28), transparent) !important;
  height: 1px;
}
.login-tabs {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.login-tab {
  transition: background 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.login-tab.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.75)) !important;
  color: var(--gold-bright, #ffd700) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
  font-weight: 800 !important;
}
.login-input {
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.88), rgba(4, 10, 20, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.login-input::placeholder {
  color: rgba(255, 236, 210, 0.38) !important;
}
.login-input:focus {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.16), 0 0 16px rgba(255, 215, 0, 0.1) !important;
}
.login-form-btn {
  background: linear-gradient(135deg, #ffd700, #f0b400) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 8px 22px rgba(255, 215, 0, 0.28) !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.login-form-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(255, 215, 0, 0.35) !important;
}
.login-error:not(:empty) {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.18), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
  box-shadow: 0 4px 12px rgba(191, 106, 74, 0.12);
}
.login-more {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.login-more summary {
  color: rgba(255, 236, 210, 0.55) !important;
}
.login-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 236, 210, 0.85) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.login-btn:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .login-logo,
  .login-form-btn,
  .login-btn,
  .login-primary,
  .login-tab {
    animation: none !important;
    transition: none !important;
  }
  .login-form-btn:hover,
  .login-btn:hover,
  .login-primary:hover {
    transform: none;
  }
}

/* ── Pass 99: Tournament / Bracket depth ── */
#tr-overlay {
  background:
    radial-gradient(ellipse at 50% 16%, rgba(255, 215, 0, 0.16), transparent 50%),
    radial-gradient(ellipse at 85% 88%, rgba(255, 140, 0, 0.1), transparent 42%),
    rgba(6, 10, 20, 0.93) !important;
}
.tr-panel {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.tr-title {
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.22);
}
.tr-card {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    0 0 18px rgba(255, 152, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.tr-card.is-registered {
  box-shadow:
    0 0 18px rgba(26, 107, 82, 0.18),
    inset 3px 0 0 rgba(143, 212, 184, 0.7) !important;
}
.tr-fill {
  background: linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
  height: 6px !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.tr-fill-bar {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.35) !important;
}
.tr-btn-register:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.34) !important;
}
.tr-btn-unregister {
  background: linear-gradient(160deg, rgba(230, 81, 0, 0.16), rgba(18, 36, 58, 0.85)) !important;
  box-shadow: 0 4px 12px rgba(191, 106, 74, 0.12);
}
.tr-btn-view {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.tr-countdown {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 700 !important;
}
.tr-prize-info {
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.1) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.tr-round-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--gold-bright, #ffd700) !important;
}
.tr-match.playing {
  box-shadow:
    0 0 18px rgba(255, 152, 0, 0.2),
    inset 3px 0 0 #ff9800 !important;
}
.tr-match.completed {
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 12px rgba(26, 107, 82, 0.12) !important;
}
.tr-match-player.winner {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.2);
}
.tr-bracket-champ {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.15) !important;
  font-weight: 800 !important;
}
.tournament-banner {
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 20px rgba(255, 152, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tournament-banner.is-registered {
  box-shadow:
    0 0 18px rgba(26, 107, 82, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-empty {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.24) !important;
  border-radius: 14px !important;
}

@media (prefers-reduced-motion: reduce) {
  .tr-card,
  .tr-match {
    transition: none !important;
  }
  .tr-card:hover,
  .tr-match:hover {
    transform: none;
  }
  .tr-match.playing {
    animation: none !important;
  }
}

/* ── Pass 100: Clubs / Club wars depth ── */
.club-card {
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-card.is-mine {
  box-shadow:
    0 0 20px rgba(26, 107, 82, 0.18),
    inset 3px 0 0 rgba(143, 212, 184, 0.7) !important;
}
.club-name {
  color: #fff8e7 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 700 !important;
}
.club-avatar {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.12);
}
.club-btn.join {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(26, 107, 82, 0.32) !important;
}
.club-btn.war {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(230, 81, 0, 0.32) !important;
}
.club-btn.ghost {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}
.club-tab {
  transition: background 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.club-tab.active {
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.3) !important;
}
.club-empty {
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.club-war-card {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.club-war-card:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-war-card.active {
  box-shadow:
    0 0 22px rgba(255, 152, 0, 0.2),
    inset 3px 0 0 #ff9800 !important;
}
.club-war-card.pending {
  box-shadow:
    0 0 18px rgba(255, 215, 0, 0.16),
    inset 3px 0 0 var(--gold-bright, #ffd700) !important;
}
.club-war-score {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(255, 215, 0, 0.1);
}
.club-war-actions .club-btn.accept {
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  font-weight: 800 !important;
}
.club-war-actions .club-btn.decline {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.18), rgba(18, 36, 58, 0.85)) !important;
}

.club-badge-card.is-unlocked {
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.clubwar-banner {
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.clubwar-banner.needs-response {
  box-shadow:
    0 0 22px rgba(255, 152, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.ref-card {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 32px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(255, 215, 0, 0.08) !important;
}
.ref-code {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.12);
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-card,
  .club-war-card,
  .club-badge-card,
  .club-tab {
    transition: none !important;
  }
  .club-card:hover,
  .club-war-card:hover,
  .club-badge-card:hover {
    transform: none;
  }
  .club-war-card.active {
    animation: none !important;
  }
}

/* ── Pass 101: Meta / Toast / Empty depth ── */
#meta-overlay {
  background:
    radial-gradient(ellipse at 50% 16%, rgba(255, 215, 0, 0.14), transparent 50%),
    rgba(6, 10, 20, 0.92) !important;
}
.meta-panel.dr-panel {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.meta-eyebrow,
.dr-eyebrow {
  color: rgba(255, 215, 0, 0.7) !important;
  letter-spacing: 0.14em !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.18);
}
.meta-panel .dr-subtitle {
  color: rgba(255, 236, 210, 0.55) !important;
}
.meta-close-x,
.dr-close-x {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 236, 210, 0.75) !important;
}
.meta-close-x:hover,
.dr-close-x:hover {
  border-color: rgba(255, 152, 0, 0.45) !important;
  color: #ffcc80 !important;
  background: rgba(255, 152, 0, 0.14) !important;
}
.meta-footer .dr-close,
.dr-footer .dr-close {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  color: rgba(255, 236, 210, 0.8) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.meta-empty {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  padding: 28px 16px !important;
}
.meta-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.14) !important;
}
.meta-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.meta-empty-sub {
  color: rgba(255, 236, 210, 0.5) !important;
}
.meta-empty.is-loading .meta-empty-ico {
  animation: metaLoadPulse 1.4s ease-in-out infinite;
}
@keyframes metaLoadPulse {
  0%, 100% { box-shadow: 0 4px 12px rgba(255, 215, 0, 0.12); }
  50% { box-shadow: 0 6px 18px rgba(255, 215, 0, 0.28); }
}
.lb-empty,
.tr-empty,
.friend-empty,
.shop-empty.rich,
.club-empty,
.hist-empty,
.spect-empty {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.26) !important;
}

.game-toast {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
}
.game-toast.ok {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    0 0 16px rgba(26, 107, 82, 0.14) !important;
}
.game-toast.warn {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    0 0 16px rgba(230, 81, 0, 0.14) !important;
}
.game-toast-time {
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.1);
}
#ux-tip {
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 20px rgba(255, 215, 0, 0.06) !important;
}

.sheet-panel {
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(255, 215, 0, 0.06) !important;
}

@media (prefers-reduced-motion: reduce) {
  .meta-empty.is-loading .meta-empty-ico {
    animation: none !important;
  }
  .meta-panel.dr-panel {
    animation: none !important;
  }
}

/* ── Pass 102: Private room settings depth ── */
#settings-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.14), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(26, 107, 82, 0.08), transparent 42%),
    rgba(6, 10, 20, 0.92) !important;
}
.settings-panel {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.7) !important;
  letter-spacing: 0.14em !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.18);
}
.settings-title {
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}
.settings-sub {
  color: rgba(255, 236, 210, 0.55) !important;
}
.settings-row label,
.settings-label {
  color: rgba(255, 215, 0, 0.72) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
}
.settings-row input[type=text] {
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.88), rgba(4, 10, 20, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.16), 0 0 16px rgba(255, 215, 0, 0.1) !important;
}
.settings-options .opt-btn {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px !important;
}
.settings-options .opt-btn:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.35) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.36) !important;
}
.settings-btns .btn-create-room:hover {
  filter: brightness(1.05);
  box-shadow: 0 14px 32px rgba(230, 81, 0, 0.42) !important;
}
.settings-btns .btn-cancel,
.settings-btns button:not(.btn-create-room) {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 236, 210, 0.8) !important;
}

@media (prefers-reduced-motion: reduce) {
  .settings-panel {
    animation: none !important;
  }
  .settings-options .opt-btn {
    transition: none !important;
  }
  .settings-options .opt-btn:hover,
  .settings-options .opt-btn.selected {
    transform: none;
  }
}

/* ── Pass 103: Room browser / lobby rooms depth ── */
.lobby-rooms {
  gap: 10px !important;
}
.room-card {
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(26, 107, 82, 0.12),
    inset 3px 0 0 rgba(143, 212, 184, 0.65) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.58) !important;
  box-shadow:
    0 0 20px rgba(255, 152, 0, 0.18),
    inset 3px 0 0 #ff9800 !important;
}
.room-card.is-playing {
  opacity: 0.82;
  border-color: rgba(255, 152, 0, 0.32) !important;
}
.room-card.status-full {
  border-color: rgba(191, 106, 74, 0.42) !important;
  box-shadow: inset 3px 0 0 rgba(191, 106, 74, 0.7) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.12);
}
.room-card .seat-dots span {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
}
.room-card .seat-dots span.filled {
  background: var(--gold-bright, #ffd700) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.4) !important;
}
.room-meta .rm-chip {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 999px !important;
}
.room-meta .rm-chip.hot {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 152, 0, 0.45) !important;
  color: #ffcc80 !important;
}
.room-status-badge {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.room-btn-join.ready {
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
}
.room-btn-join.ready:hover {
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.lobby-empty {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.lobby-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 18px !important;
}

@media (prefers-reduced-motion: reduce) {
  .room-card {
    transition: none !important;
  }
  .room-card:hover,
  .room-btn-join.ready:hover {
    transform: none;
  }
  .room-card.almost-full {
    animation: none !important;
  }
}

/* ── Pass 104: Daily rewards / Login calendar depth ── */
#dr-overlay {
  background:
    radial-gradient(ellipse 70% 45% at 50% 18%, rgba(255, 215, 0, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 80% 80%, rgba(255, 152, 0, 0.08), transparent 50%),
    rgba(6, 10, 20, 0.92) !important;
}
.dr-panel:not(.meta-panel) {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 32, 58, 0.99), rgba(8, 14, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.08) !important;
}
.dr-eyebrow {
  color: rgba(255, 215, 0, 0.55) !important;
  letter-spacing: 0.14em !important;
}
.dr-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.18);
}
.dr-subtitle {
  color: rgba(255, 248, 231, 0.5) !important;
}
.dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 152, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: #ffcc80 !important;
}
.dr-streak span {
  color: var(--gold-bright, #ffd700) !important;
}
.dr-close-x {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  transition: border-color 0.15s, background 0.15s !important;
}
.dr-close-x:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: rgba(255, 215, 0, 0.1) !important;
  color: #fff8e7 !important;
}
.dr-day {
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.dr-day:hover:not(.locked) {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.dr-day.current {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 60%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.28),
    0 8px 22px rgba(255, 215, 0, 0.2) !important;
}
.dr-day.claimed {
  background:
    radial-gradient(ellipse 50% 50% at 50% 0%, rgba(26, 107, 82, 0.24), transparent 60%),
    rgba(26, 107, 82, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(143, 212, 184, 0.12) !important;
}
.dr-day.big-bonus:not(.claimed) {
  background:
    radial-gradient(ellipse 55% 50% at 50% 0%, rgba(255, 152, 0, 0.2), transparent 60%),
    linear-gradient(145deg, rgba(255, 111, 0, 0.16), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(255, 183, 77, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.14) !important;
}
.dr-day.big-bonus .dr-day-icon {
  color: #ffb74d !important;
}
.dr-claim-btn:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.36) !important;
  font-weight: 800 !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.dr-claim-btn:not(:disabled):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(230, 81, 0, 0.44) !important;
}
.dr-claim-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 248, 231, 0.4) !important;
  box-shadow: none !important;
}
.dr-progress {
  background: rgba(8, 18, 32, 0.75) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.dr-progress-bar {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.45);
}
.dr-timer {
  color: rgba(255, 248, 231, 0.45) !important;
  font-size: 11px !important;
}
.dr-close {
  border-color: rgba(255, 215, 0, 0.2) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  color: #fff8e7 !important;
}
.dr-close:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  color: var(--gold-bright, #ffd700) !important;
}

.cal-summary {
  background:
    radial-gradient(ellipse 60% 80% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}
.cal-summary b {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.cal-day {
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.cal-day:hover:not(.claimed) {
  transform: translateY(-1px);
}
.cal-day.next {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.22),
    0 8px 20px rgba(255, 215, 0, 0.18) !important;
}
.cal-day.next .cal-day-amt {
  color: var(--gold-bright, #ffd700) !important;
}
.cal-day.claimed .cal-day-amt {
  color: #8fd4b8 !important;
}
.cal-claim:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.36) !important;
}
.cal-claim:not(:disabled):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(230, 81, 0, 0.44) !important;
}

.daily-banner.is-ready,
.calendar-banner.is-ready {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.14), rgba(8, 16, 32, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 0 22px rgba(255, 215, 0, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .dr-day,
  .cal-day,
  .dr-claim-btn,
  .cal-claim {
    transition: none !important;
  }
  .dr-day:hover:not(.locked),
  .cal-day:hover:not(.claimed),
  .dr-claim-btn:not(:disabled):hover,
  .cal-claim:not(:disabled):hover {
    transform: none;
  }
  .dr-day.current,
  .cal-day.next {
    animation: none !important;
  }
}

/* ── Pass 105: Connection / reconnect / offline depth ── */
#net-status {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, background 0.2s !important;
}
#net-status.is-ok {
  background: linear-gradient(160deg, rgba(26, 107, 82, 0.22), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  color: #a8d5c0 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
#net-status.is-warn {
  background: linear-gradient(160deg, rgba(255, 152, 0, 0.18), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(255, 152, 0, 0.52) !important;
  color: #ffcc80 !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
#net-status.is-bad {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.2), rgba(8, 18, 32, 0.92)) !important;
  border-color: rgba(191, 106, 74, 0.52) !important;
  color: #ffccbc !important;
  box-shadow: 0 0 14px rgba(191, 106, 74, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
#net-status .ns-dot.connected {
  background: #8fd4b8 !important;
  box-shadow: 0 0 0 2px rgba(143, 212, 184, 0.3), 0 0 8px rgba(26, 107, 82, 0.5) !important;
}
#net-status .ns-dot.connecting {
  background: #ff9800 !important;
  box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.35), 0 0 10px rgba(255, 152, 0, 0.45) !important;
}
#net-status .ns-dot.disconnected {
  background: #bf6a4a !important;
  box-shadow: 0 0 0 2px rgba(191, 106, 74, 0.32), 0 0 8px rgba(191, 106, 74, 0.35) !important;
}

#game-toast-host {
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.35));
}
.game-toast {
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 32, 58, 0.98), rgba(8, 14, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 24px rgba(255, 215, 0, 0.05) !important;
}
.game-toast.warn {
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(42, 24, 18, 0.98), rgba(14, 10, 12, 0.99)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 20px rgba(230, 81, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.game-toast.ok {
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(18, 42, 34, 0.98), rgba(8, 18, 16, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 20px rgba(26, 107, 82, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.game-toast-msg {
  color: #fff8e7 !important;
}
.game-toast-time {
  background: rgba(255, 215, 0, 0.12);
  border: 1px solid rgba(255, 215, 0, 0.28);
  border-radius: 8px;
  padding: 2px 8px;
  color: var(--gold-bright, #ffd700) !important;
}
.game-toast.warn .game-toast-time {
  background: rgba(255, 152, 0, 0.14);
  border-color: rgba(255, 152, 0, 0.4);
  color: #ffcc80 !important;
}
.game-toast.ok .game-toast-time {
  background: rgba(26, 107, 82, 0.18);
  border-color: rgba(143, 212, 184, 0.4);
  color: #8fd4b8 !important;
}
.game-toast-bar {
  background: rgba(8, 18, 32, 0.7) !important;
  border: 1px solid rgba(255, 215, 0, 0.1);
}

.opp-card.offline {
  border-color: rgba(191, 106, 74, 0.48) !important;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(191, 106, 74, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(48, 28, 22, 0.55), rgba(8, 14, 22, 0.75)) !important;
  box-shadow:
    inset 3px 0 0 rgba(191, 106, 74, 0.7),
    0 6px 16px rgba(0, 0, 0, 0.28) !important;
  opacity: 0.88;
}
.opp-card .status-lbl.off {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.85), rgba(120, 50, 36, 0.95)) !important;
  border: 1px solid rgba(255, 204, 188, 0.35) !important;
  color: #fff8e7 !important;
  box-shadow: 0 2px 8px rgba(191, 106, 74, 0.35) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
}

@media (prefers-reduced-motion: reduce) {
  #net-status .ns-dot.connecting {
    animation: none !important;
  }
  .game-toast {
    animation: none !important;
  }
}

/* ── Pass 106: Fortune wheel / şans çarkı depth ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.18), rgba(8, 16, 32, 0.6)) !important;
  border-color: rgba(255, 152, 0, 0.48) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 55% 80% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.2), rgba(8, 16, 32, 0.55)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 0 22px rgba(255, 152, 0, 0.18) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 75% 42% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    radial-gradient(ellipse 40% 35% at 90% 90%, rgba(255, 152, 0, 0.1), transparent 50%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(255, 215, 0, 0.1) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 32px rgba(255, 215, 0, 0.26),
    0 14px 36px rgba(0, 0, 0, 0.38) !important;
}
.wheel-status {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12);
}
.wheel-panel:not(.is-ready) .wheel-status {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  color: rgba(255, 248, 231, 0.55) !important;
  text-shadow: none !important;
  box-shadow: none;
}
.wheel-seg-list {
  gap: 7px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 215, 0, 0.35) transparent;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 40% 80% at 0% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.wheel-seg-label {
  color: #fff8e7 !important;
}
.wheel-seg-prize {
  color: var(--gold-bright, #ffd700) !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.1);
  border: 1px solid rgba(255, 215, 0, 0.22);
}
.wheel-spin-btn:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.4) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(230, 81, 0, 0.48) !important;
}
.wheel-spin-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.72), rgba(8, 18, 32, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 248, 231, 0.4) !important;
  opacity: 1 !important;
}
.wheel-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.5), rgba(8, 18, 32, 0.7)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 248, 231, 0.55) !important;
}
.wheel-error {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

@media (prefers-reduced-motion: reduce) {
  .wheel-panel.is-ready,
  .wheel-banner.is-ready {
    animation: none !important;
  }
  .wheel-seg,
  .wheel-spin-btn {
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover {
    transform: none;
  }
}

/* ── Pass 107: Missions / Achievements depth ── */
.mission-banner.claim-ready,
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.14), rgba(8, 16, 32, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 0 22px rgba(255, 215, 0, 0.16) !important;
}
.mission-summary,
.achieve-summary {
  background:
    radial-gradient(ellipse 60% 80% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
.mission-summary-pct,
.achieve-summary-pct {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.3);
}
.mission-summary-bar,
.achieve-summary-bar {
  background: rgba(8, 18, 32, 0.8) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
}
.mission-summary-fill,
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.45) !important;
}
.mission-card {
  border-color: rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.mission-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.38) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.45) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.mission-icon {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
}
.mission-card.is-done .mission-icon {
  background: linear-gradient(145deg, #8fd4b8, #1a6b52) !important;
  color: #fff8e7 !important;
  box-shadow: 0 4px 12px rgba(26, 107, 82, 0.3) !important;
}
.mission-reward {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.1);
  border: 1px solid rgba(255, 215, 0, 0.22);
  color: var(--gold-bright, #ffd700) !important;
  font-variant-numeric: tabular-nums;
}
.mission-card.is-done .mission-reward {
  background: rgba(143, 212, 184, 0.14);
  border-color: rgba(143, 212, 184, 0.35);
  color: #8fd4b8 !important;
}
.mission-bar {
  background: rgba(8, 18, 32, 0.75) !important;
  border: 1px solid rgba(255, 215, 0, 0.1);
  border-radius: 999px !important;
  overflow: hidden;
}
.mission-fill {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.35);
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 8px rgba(26, 107, 82, 0.35);
}
.mission-bonus {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.mission-bonus.ready {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 152, 0, 0.22), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: 0 0 20px rgba(255, 152, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.mission-bonus.claimed {
  border-color: rgba(143, 212, 184, 0.35) !important;
  color: #8fd4b8 !important;
}
.mission-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
}
.mission-btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}

.achieve-card {
  border-color: rgba(255, 215, 0, 0.16) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.achieve-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.achieve-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.achieve-card.is-locked {
  opacity: 0.78 !important;
}
.achieve-icon {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3) !important;
}
.achieve-title {
  color: #fff8e7 !important;
}
.achieve-card.is-unlocked .achieve-title {
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.achieve-bar {
  background: rgba(8, 18, 32, 0.75) !important;
  border: 1px solid rgba(255, 215, 0, 0.1);
  border-radius: 999px !important;
  overflow: hidden;
}
.achieve-fill {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8) !important;
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.4) !important;
}
.mission-empty,
.achieve-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .achieve-card,
  .mission-btn {
    transition: none !important;
  }
  .mission-card:hover,
  .achieve-card:hover {
    transform: none;
  }
  .mission-bonus.ready,
  .mission-banner.claim-ready,
  .achievement-banner.claim-ready {
    animation: none !important;
  }
}

/* ── Pass 108: Season / Leaderboard depth ── */
.season-banner {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(100deg, rgba(255, 138, 80, 0.16), rgba(8, 16, 32, 0.6)) !important;
  border-color: rgba(255, 152, 0, 0.48) !important;
}
.season-hero {
  background:
    radial-gradient(ellipse 75% 45% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 35% at 90% 90%, rgba(255, 152, 0, 0.1), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(255, 215, 0, 0.12) !important;
}
.season-hero-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.22);
}
.season-hero-timer {
  color: #ffb74d !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}
.season-me {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.2), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 8px 20px rgba(0, 0, 0, 0.22),
    0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.season-reward {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.season-reward:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.5) !important;
  background:
    radial-gradient(ellipse 55% 55% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.75)) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.14) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.2) !important;
}
.season-board-title {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
}
.season-row {
  background:
    radial-gradient(ellipse 35% 60% at 0% 50%, rgba(255, 215, 0, 0.05), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: inset 3px 0 0 var(--gold-bright, #ffd700), 0 0 14px rgba(255, 215, 0, 0.12) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 45% 55% at 0% 50%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.season-row-name {
  color: #fff8e7 !important;
}
.season-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}

#lb-overlay {
  background:
    radial-gradient(ellipse 70% 45% at 50% 18%, rgba(255, 215, 0, 0.14), transparent 55%),
    rgba(6, 10, 20, 0.92) !important;
}
.lb-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 32, 58, 0.99), rgba(8, 14, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.08) !important;
}
.lb-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.18);
}
.lb-tabs {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.lb-tab.active {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  box-shadow: 0 4px 16px rgba(255, 215, 0, 0.35) !important;
}
.lb-row {
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.lb-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.lb-row.top1 {
  border-color: rgba(255, 215, 0, 0.5) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.45) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.48) !important;
}
.lb-row.is-me {
  border-color: rgba(143, 212, 184, 0.5) !important;
}
.lb-name {
  color: #fff8e7 !important;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.2), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 8px 22px rgba(0, 0, 0, 0.28),
    0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.lb-rank .lb-medal.m1 {
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.4);
}
.lb-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward,
  .season-row,
  .lb-row,
  .lb-tab {
    transition: none !important;
  }
  .season-reward:hover,
  .season-row:hover,
  .lb-row:hover {
    transform: none;
  }
}

/* ── Pass 109: Shop / Store / Cosmetics depth ── */
.shop-sheet .sheet-panel,
.meta-panel .shop-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.shop-currency b {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.shop-tabs,
.shop-toolbar {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.4));
  border-radius: 12px;
  padding: 6px !important;
}
.shop-tab,
.shop-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  border-radius: 999px !important;
  transition: border-color 0.15s, color 0.15s, background 0.15s, box-shadow 0.15s !important;
}
.shop-tab:hover,
.shop-chip:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
  color: #fff8e7 !important;
}
.shop-tab.active,
.shop-chip.active {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.32) !important;
  font-weight: 800 !important;
}
.shop-section-title {
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
}
.shop-card {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.22) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.shop-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.shop-card.is-owned,
.shop-card.owned {
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.shop-card.is-equipped {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.8)) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 20px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.shop-card.legendary {
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 152, 0, 0.52) !important;
}
.shop-card.epic {
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.shop-card.rare {
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
}
.shop-card.store-pack {
  background:
    radial-gradient(ellipse 45% 70% at 0% 50%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 152, 0, 0.4) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 8px 22px rgba(0, 0, 0, 0.24) !important;
}
.shop-card.store-pack:hover {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 12px 28px rgba(230, 81, 0, 0.18) !important;
}
.shop-card-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.shop-card-price {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}
.shop-card-preview {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.shop-card-btn.buy {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.shop-card-btn.buy:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.shop-card-btn.equip {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.42) !important;
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.28) !important;
}
.shop-card-btn.equipped,
.shop-badge.equipped {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.shop-card-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
}
.shop-empty.rich {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.shop-invoice-row {
  background:
    radial-gradient(ellipse 40% 80% at 0% 50%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  transition: border-color 0.15s, transform 0.15s !important;
}
.shop-invoice-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.shop-invoice-total {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.25);
}
.shop-vip-note {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 236, 179, 0.8) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-chip,
  .shop-tab,
  .shop-card-btn.buy,
  .shop-invoice-row {
    transition: none !important;
  }
  .shop-card:hover,
  .shop-card-btn.buy:hover,
  .shop-invoice-row:hover {
    transform: none;
  }
}

/* ── Pass 110: Friends depth ── */
.friend-row {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 16px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.friend-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 55% 55% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.friend-row.blocked {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(191, 106, 74, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(191, 106, 74, 0.42) !important;
  box-shadow: inset 3px 0 0 #bf6a4a, 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}
.friend-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #fff8e7 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.1);
}
.friend-avatar {
  background: linear-gradient(145deg, #1a2e48, #0c1828) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 10px rgba(255, 215, 0, 0.08) !important;
}
.friend-row.is-online .friend-avatar {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow: 0 4px 14px rgba(26, 107, 82, 0.25) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.3) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.friend-btn.primary:hover,
.friend-btn.invite:not(.muted):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(230, 81, 0, 0.4) !important;
}
.friend-btn.invite.muted {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 248, 231, 0.4) !important;
  box-shadow: none !important;
}
.friend-btn.accept {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.42) !important;
  color: #e8f5e9 !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.28) !important;
}
.friend-btn.danger {
  color: #ffab91 !important;
  border: 1px solid rgba(191, 106, 74, 0.4) !important;
  background: rgba(191, 106, 74, 0.14) !important;
  border-radius: 10px !important;
}
.friend-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  color: #fff8e7 !important;
  border-radius: 10px !important;
}
.friend-search-input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.12) !important;
  outline: none;
}
.friend-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
}
.friend-error {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .friend-btn.primary,
  .friend-btn.invite {
    transition: none !important;
  }
  .friend-row:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none;
  }
}

/* ── Pass 111: Profile / Account / Settings depth ── */
.profile-hero {
  background:
    radial-gradient(ellipse 80% 50% at 15% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    radial-gradient(ellipse 40% 40% at 90% 90%, rgba(255, 152, 0, 0.1), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(255, 215, 0, 0.1) !important;
}
.profile-name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #fff8e7 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.15);
}
.profile-avatar {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 18px rgba(255, 215, 0, 0.12) !important;
  border: 2px solid rgba(255, 215, 0, 0.4) !important;
}
.profile-rank.legend,
.profile-rank.diamond {
  color: #ffb74d !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.18), rgba(18, 36, 58, 0.7)) !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.15);
}
.profile-rank.plat,
.profile-rank.silver {
  color: #cfd8dc !important;
  border-color: rgba(207, 216, 220, 0.42) !important;
  background: linear-gradient(145deg, rgba(207, 216, 220, 0.14), rgba(18, 36, 58, 0.7)) !important;
}
.profile-rank.bronze {
  color: #cd7f32 !important;
  border-color: rgba(205, 127, 50, 0.5) !important;
  background: linear-gradient(145deg, rgba(205, 127, 50, 0.16), rgba(18, 36, 58, 0.7)) !important;
}
.profile-level {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.5) !important;
}
.profile-chips {
  background:
    radial-gradient(ellipse 40% 80% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8) 55%, rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 215, 0, 0.08) !important;
}
.profile-chips-val {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.25);
  font-weight: 800 !important;
}
.profile-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
}
.profile-btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.profile-stat {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
}
.profile-stat:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.profile-link {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.profile-link:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  transform: translateY(-1px);
}
.profile-link.ghost {
  border-style: dashed !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}

.account-card {
  background:
    radial-gradient(ellipse 40% 55% at 0% 0%, rgba(255, 215, 0, 0.07), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
}
.account-card:hover {
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.account-card.invite {
  background:
    radial-gradient(ellipse 55% 60% at 0% 0%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(145deg, rgba(255, 111, 0, 0.16), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow: inset 3px 0 0 #ff9800, 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
.account-card.privacy {
  box-shadow: inset 3px 0 0 #8fd4b8, inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
  border-color: rgba(143, 212, 184, 0.35) !important;
}
.account-card.danger {
  box-shadow: inset 3px 0 0 #bf6a4a, inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.18) !important;
  border-color: rgba(191, 106, 74, 0.4) !important;
}
.account-btn.gold {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.32) !important;
}
.account-btn.danger {
  color: #ffab91 !important;
  border-color: rgba(191, 106, 74, 0.42) !important;
  background: rgba(191, 106, 74, 0.14) !important;
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.7) !important;
  letter-spacing: 0.12em !important;
}
.settings-label {
  color: rgba(255, 248, 231, 0.65) !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-stat,
  .profile-link,
  .profile-btn,
  .account-card,
  .account-btn {
    transition: none !important;
  }
  .profile-stat:hover,
  .profile-link:hover,
  .profile-btn:hover,
  .account-card:hover {
    transform: none;
  }
}

/* ── Pass 112: Notifications depth ── */
.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.08) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 60% 100% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.08), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.18) !important;
}
.notif-mark-all {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.notif-mark-all:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.notif-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 152, 0, 0.45) !important;
  color: #ffcc80 !important;
  box-shadow: 0 0 10px rgba(255, 152, 0, 0.15);
}
.notif-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 16px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.notif-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.notif-card.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 14px rgba(26, 107, 82, 0.14) !important;
}
.notif-card.reward.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 140, 0, 0.16), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 14px rgba(255, 152, 0, 0.14) !important;
}
.notif-card.club.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 138, 101, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 138, 101, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 138, 101, 0.5) !important;
  box-shadow: inset 3px 0 0 #ff8a65, 0 0 14px rgba(255, 138, 101, 0.12) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow: inset 3px 0 0 #ffd700, 0 0 14px rgba(255, 215, 0, 0.14) !important;
}
.notif-card.support.is-unread {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(26, 107, 82, 0.55) !important;
  box-shadow: inset 3px 0 0 #1a6b52, 0 0 14px rgba(26, 107, 82, 0.14) !important;
}
.notif-icon {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.2);
}
.notif-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.notif-card.is-unread .notif-title {
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.12);
}
.notif-type {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.1);
  border: 1px solid rgba(255, 215, 0, 0.22);
  font-weight: 800 !important;
  font-size: 10px !important;
}
.notif-btn.accept,
.notif-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.notif-btn.accept:hover,
.notif-btn.primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.notif-btn.decline {
  background: rgba(191, 106, 74, 0.16) !important;
  border-color: rgba(191, 106, 74, 0.45) !important;
}
.notif-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
}
.notif-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.notif-empty-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12);
}
.notif-error {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

@media (prefers-reduced-motion: reduce) {
  .notif-card,
  .notif-btn.primary,
  .notif-btn.accept {
    transition: none !important;
  }
  .notif-card:hover,
  .notif-btn.primary:hover,
  .notif-btn.accept:hover {
    transform: none;
  }
}

/* ── Pass 113: Support / Referral depth ── */
.sup-toolbar {
  background:
    radial-gradient(ellipse 55% 100% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.06), transparent 70%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.18) !important;
  padding: 10px 4px 12px !important;
  margin-bottom: 12px !important;
}
.sup-count {
  color: rgba(255, 248, 231, 0.7) !important;
  font-weight: 700 !important;
}
.sup-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.7)) !important;
  border: 1px solid rgba(255, 152, 0, 0.45) !important;
  color: #ffcc80 !important;
  box-shadow: 0 0 10px rgba(255, 152, 0, 0.14);
}
.sup-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.24) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.sup-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.sup-card.status-open {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.sup-card.status-in_progress {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 143, 0, 0.16), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 14px rgba(255, 152, 0, 0.14) !important;
}
.sup-card.status-resolved {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.14), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.sup-card.status-closed {
  opacity: 0.9 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.28) !important;
}
.sup-icon {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.2);
}
.sup-card.status-open .sup-icon {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.28) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.sup-card.status-open .sup-subject {
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.12);
}
.sup-pill {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  background: rgba(255, 215, 0, 0.1) !important;
}
.sup-pill.open {
  color: #ffd700 !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: rgba(255, 215, 0, 0.14) !important;
}
.sup-pill.in_progress {
  color: #ffcc80 !important;
  background: rgba(255, 143, 0, 0.16) !important;
  border-color: rgba(255, 143, 0, 0.42) !important;
}
.sup-pill.resolved {
  color: #8fd4b8 !important;
  background: rgba(143, 212, 184, 0.14) !important;
  border-color: rgba(143, 212, 184, 0.38) !important;
}
.sup-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.sup-btn.primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.sup-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  color: #fff8e7 !important;
}
.sup-btn.ghost:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.sup-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
}
.sup-input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.sup-input:focus {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.14) !important;
}
.sup-detail-head {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 215, 0, 0.14);
  margin-bottom: 10px;
}
.sup-detail-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin-bottom: 12px;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.sup-msg {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
.sup-msg.staff {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.95), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: inset 2px 0 0 #ffd700, 0 4px 14px rgba(255, 215, 0, 0.08) !important;
}
.sup-msg.you {
  background:
    radial-gradient(ellipse 50% 60% at 100% 0%, rgba(26, 107, 82, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.35) !important;
  box-shadow: inset -2px 0 0 #8fd4b8, 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
.sup-msg.staff .sup-msg-who {
  color: #ffd700 !important;
}
.sup-msg.you .sup-msg-who {
  color: #8fd4b8 !important;
}
.sup-form.reply {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 215, 0, 0.14);
}

.ref-card {
  background:
    radial-gradient(ellipse 75% 45% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    radial-gradient(ellipse 40% 40% at 90% 90%, rgba(255, 152, 0, 0.1), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(255, 215, 0, 0.1) !important;
}
.ref-blurb {
  color: rgba(255, 248, 231, 0.72) !important;
}
.ref-blurb b {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.ref-stat {
  background:
    radial-gradient(ellipse 40% 55% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.15s, transform 0.15s !important;
}
.ref-stat:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.45) !important;
}
.ref-stat-val {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.22);
  font-weight: 800 !important;
}
.ref-stat-label {
  color: rgba(255, 248, 231, 0.55) !important;
  font-weight: 700 !important;
}
.ref-code {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 16px rgba(255, 215, 0, 0.14) !important;
  letter-spacing: 0.12em !important;
}
.ref-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.ref-btn.primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.ref-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  color: #fff8e7 !important;
}
.ref-btn.ghost:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.ref-hint {
  color: rgba(255, 248, 231, 0.45) !important;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 215, 0, 0.1);
  margin-top: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .sup-card,
  .sup-btn.primary,
  .ref-stat,
  .ref-btn.primary {
    transition: none !important;
  }
  .sup-card:hover,
  .sup-btn.primary:hover,
  .ref-stat:hover,
  .ref-btn.primary:hover {
    transform: none;
  }
}

/* ── Pass 114: Clubs / Club wars depth ── */
.club-toolbar {
  background:
    radial-gradient(ellipse 55% 100% at 0% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.05), transparent 70%);
  border-bottom: 1px solid rgba(255, 215, 0, 0.14);
  padding: 8px 4px 12px;
  margin-bottom: 12px !important;
}
.club-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.club-chip:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1) !important;
  transform: translateY(-1px);
}
.club-chip.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
}
.club-chip.primary:hover {
  filter: brightness(1.06);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}
.club-chip.war {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 152, 0, 0.5) !important;
  color: #ffcc80 !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.1);
}
.club-count {
  color: rgba(255, 248, 231, 0.55) !important;
  font-weight: 700 !important;
}
.club-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.24) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.club-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-avatar {
  background:
    radial-gradient(ellipse 60% 60% at 30% 25%, rgba(255, 215, 0, 0.26), transparent 60%),
    linear-gradient(145deg, #1a2e48, #0c1828) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-you {
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(143, 212, 184, 0.16) !important;
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  color: #8fd4b8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.club-meta {
  color: rgba(255, 248, 231, 0.55) !important;
}
.club-btn.join {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  border: 1px solid rgba(200, 230, 201, 0.3) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(26, 107, 82, 0.34) !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.club-btn.join:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(26, 107, 82, 0.42) !important;
}
.club-btn.war {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.club-btn.war:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(230, 81, 0, 0.42) !important;
}
.club-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
}
.club-btn.ghost:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.club-tab {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 248, 231, 0.6) !important;
  transition: border-color 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.club-tab:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  color: #fff8e7 !important;
}
.club-tab.active {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.32) !important;
  font-weight: 800 !important;
}
.club-war-note {
  color: rgba(255, 248, 231, 0.5) !important;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255, 215, 0, 0.06);
  border: 1px solid rgba(255, 215, 0, 0.14);
  margin-bottom: 12px !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 50% 55% at 0% 0%, rgba(255, 152, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.24) !important;
}
.club-war-card:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-war-card.active {
  background:
    radial-gradient(ellipse 55% 60% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
}
.club-war-card.pending {
  background:
    radial-gradient(ellipse 55% 60% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
}
.club-war-vs {
  color: #fff8e7 !important;
}
.club-war-vs span {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.club-war-score {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 60%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.club-war-actions .club-btn.accept {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.36) !important;
}
.club-war-actions .club-btn.accept:hover {
  filter: brightness(1.06);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.44) !important;
}
.club-war-actions .club-btn.decline {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.2), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(191, 106, 74, 0.45) !important;
  color: #ffab91 !important;
}
.club-badge-card {
  background:
    radial-gradient(ellipse 45% 55% at 50% 0%, rgba(255, 215, 0, 0.06), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
.club-badge-card.is-unlocked {
  background:
    radial-gradient(ellipse 55% 60% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-badge-card.is-unlocked .club-badge-ico {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: transparent !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.3) !important;
}
.club-badge-label {
  color: #fff8e7 !important;
}
.clubwar-banner {
  background:
    radial-gradient(ellipse 55% 100% at 0% 50%, rgba(255, 152, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.clubwar-banner.needs-response {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    0 0 24px rgba(255, 152, 0, 0.22),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-chip,
  .club-card,
  .club-btn.join,
  .club-btn.war,
  .club-tab {
    transition: none !important;
  }
  .club-chip:hover,
  .club-card:hover,
  .club-btn.join:hover,
  .club-btn.war:hover {
    transform: none;
  }
}

/* ── Pass 115: Tournament / Bracket depth ── */
.tr-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.tr-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--gold-bright, #ffd700) !important;
}
.tr-eyebrow {
  color: rgba(255, 215, 0, 0.7) !important;
  letter-spacing: 0.12em !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.24) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.tr-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-card.status-registration {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.12), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
}
.tr-card.status-in_progress {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.16), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 18px rgba(255, 152, 0, 0.16) !important;
}
.tr-card.status-completed {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: inset 3px 0 0 #ffd700, 0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.tr-card.is-registered {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 212, 184, 0.52) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.16) !important;
}
.tr-card-name {
  color: #fff8e7 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.08);
}
.tr-status-REGISTRATION {
  background: rgba(26, 107, 82, 0.2) !important;
  color: #8fd4b8 !important;
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  font-weight: 800 !important;
}
.tr-status-IN_PROGRESS {
  background: rgba(255, 152, 0, 0.2) !important;
  color: #ffcc80 !important;
  border: 1px solid rgba(255, 152, 0, 0.45) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(255, 152, 0, 0.12);
}
.tr-status-COMPLETED {
  background: rgba(255, 215, 0, 0.16) !important;
  color: #ffe082 !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  font-weight: 800 !important;
}
.tr-you-pill {
  background: rgba(143, 212, 184, 0.18) !important;
  border: 1px solid rgba(143, 212, 184, 0.42) !important;
  color: #8fd4b8 !important;
  font-weight: 800 !important;
}
.tr-champion {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
}
.tr-fill {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.tr-fill-bar {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4) !important;
}
.tr-btn-register:not(:disabled) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.36) !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.tr-btn-register:not(:disabled):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(230, 81, 0, 0.44) !important;
}
.tr-btn-register:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}
.tr-btn-unregister {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.18), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(191, 106, 74, 0.45) !important;
  color: #ffab91 !important;
  font-weight: 800 !important;
}
.tr-btn-view {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.tr-btn-view:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.tr-countdown {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.tr-prize-info {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.1) !important;
}
.tr-match {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 14px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.tr-match:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.38) !important;
}
.tr-match.playing {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.14), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
}
.tr-match.completed {
  background:
    radial-gradient(ellipse 50% 60% at 0% 50%, rgba(26, 107, 82, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.1), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
}
.tr-match-player.winner {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}
.tr-bracket-champ {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(145deg, rgba(22, 42, 68, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: var(--gold-bright, #ffd700) !important;
}
.tournament-banner {
  background:
    radial-gradient(ellipse 55% 100% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
}
.tournament-banner.is-live {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    0 0 22px rgba(255, 152, 0, 0.2),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tournament-banner.is-registered {
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    0 0 18px rgba(26, 107, 82, 0.16),
    inset 3px 0 0 #8fd4b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.tr-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tr-card,
  .tr-match,
  .tr-btn-register {
    transition: none !important;
  }
  .tr-card:hover,
  .tr-match:hover,
  .tr-btn-register:not(:disabled):hover {
    transform: none;
  }
}

/* ── Pass 116: Lobby menu / play hero / an-menu depth ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.16), transparent 48%),
    radial-gradient(ellipse at 12% 70%, rgba(26, 107, 82, 0.18), transparent 42%),
    radial-gradient(ellipse at 88% 100%, rgba(255, 140, 0, 0.1), transparent 40%),
    linear-gradient(175deg, var(--bg-deep, #060a14) 0%, #0a101c 55%, #071018 100%) !important;
}
.lobby-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.22), 0 2px 18px rgba(255, 215, 0, 0.18) !important;
}
.lobby-mode-toggle {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.lobby-mode-btn {
  color: rgba(255, 248, 231, 0.5) !important;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.lobby-mode-btn:hover {
  color: #fff8e7 !important;
}
.lobby-mode-btn.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(255, 152, 0, 0.16)) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
  font-weight: 800 !important;
}
.lobby-btn.refresh {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
}
.lobby-btn.refresh:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}
.lobby-btn.create {
  background: linear-gradient(135deg, #8fd4b8, #145c45) !important;
  border: 1px solid rgba(200, 230, 201, 0.35) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(26, 107, 82, 0.32) !important;
}
.lobby-btn.create:hover {
  filter: brightness(1.06);
  box-shadow: 0 10px 24px rgba(26, 107, 82, 0.4) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 70% 80% at 10% 50%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.18), rgba(18, 36, 58, 0.55) 40%, rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 152, 0, 0.45) !important;
  box-shadow:
    0 12px 32px rgba(230, 81, 0, 0.28),
    0 0 28px rgba(255, 152, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.18s, box-shadow 0.18s, filter 0.15s !important;
}
.lobby-play-hero:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.36),
    0 0 36px rgba(255, 152, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.lobby-play-hero .lph-copy strong {
  color: #fff8e7 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.15);
}
.lobby-play-hero .lph-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.2);
}
.lobby-info {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  color: rgba(255, 248, 231, 0.55) !important;
}
.lobby-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
}
.lobby-empty .icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.7)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12);
}

.an-menu-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
}
.an-menu-btn:hover {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.an-menu-btn.is-open {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.16) !important;
}
.an-menu-panel {
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(255, 215, 0, 0.08) !important;
}
.an-menu-panel button {
  background: transparent !important;
  color: rgba(255, 248, 231, 0.85) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s !important;
}
.an-menu-panel button:hover {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(255, 215, 0, 0.04)) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: inset 2px 0 0 var(--gold-bright, #ffd700);
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .an-menu-btn,
  .an-menu-panel button {
    transition: none !important;
  }
  .lobby-play-hero:hover {
    transform: none;
  }
}

/* ── Pass 117: Matchmaking / waiting / found depth ── */
#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 14%, rgba(255, 215, 0, 0.18), transparent 48%),
    radial-gradient(ellipse at 15% 85%, rgba(26, 107, 82, 0.16), transparent 42%),
    radial-gradient(ellipse at 90% 70%, rgba(255, 140, 0, 0.1), transparent 40%),
    rgba(6, 10, 20, 0.93) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.1) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  background:
    radial-gradient(ellipse 70% 45% at 50% 0%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(22, 42, 68, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(255, 152, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#mm-overlay h2,
.lw-card h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.2);
}
#mm-overlay .mm-sub,
.lw-sub {
  color: rgba(255, 248, 231, 0.6) !important;
}
.mm-seat,
.lw-seat,
.mf-seat {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 14px rgba(0, 0, 0, 0.22) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.mm-seat.filled,
.lw-seat.filled,
.mf-seat.filled {
  border-color: rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.55) !important;
  background:
    radial-gradient(ellipse 55% 60% at 50% 0%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  box-shadow:
    0 0 18px rgba(143, 212, 184, 0.2),
    inset 0 0 0 1px rgba(143, 212, 184, 0.25) !important;
}
.mm-seat.almost,
.mf-seat.almost {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 55% 60% at 50% 0%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.97)) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.16) !important;
}
.mm-seat:not(.filled) {
  border-style: dashed !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
  opacity: 0.85;
}
.mm-progress,
.lw-progress {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
  border-radius: 999px !important;
  overflow: hidden;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.45) !important;
}
.mm-tip,
.lw-tip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: rgba(255, 248, 231, 0.65) !important;
  border-radius: 12px !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.2), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 152, 0, 0.5) !important;
  color: #ffcc80 !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.18) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
#mm-overlay .btn-cancel:hover,
.lw-cancel:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(230, 81, 0, 0.28) !important;
}
.lw-share {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(230, 81, 0, 0.34) !important;
}
.lw-share:hover {
  filter: brightness(1.06);
  box-shadow: 0 12px 28px rgba(230, 81, 0, 0.42) !important;
}
.lw-code-wrap {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}
.mf-card {
  background:
    radial-gradient(ellipse 75% 45% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(22, 42, 68, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 0 40px rgba(255, 215, 0, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mf-eyebrow {
  color: rgba(255, 215, 0, 0.78) !important;
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.25);
}
#mm-overlay .spinner,
.lw-spinner {
  border-color: rgba(255, 215, 0, 0.2) !important;
  border-top-color: var(--gold-bright, #ffd700) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mm-seat,
  .mf-seat,
  #mm-overlay .btn-cancel,
  .lw-cancel,
  .lw-share {
    transition: none !important;
  }
  #mm-overlay .btn-cancel:hover,
  .lw-cancel:hover {
    transform: none;
  }
  .mm-seat.almost,
  .mf-seat.almost {
    animation: none !important;
  }
}

/* ── Pass 118: Game-over / Round-end depth ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 12%, rgba(255, 215, 0, 0.26), transparent 48%),
    radial-gradient(ellipse at 20% 85%, rgba(26, 107, 82, 0.18), transparent 42%),
    radial-gradient(ellipse at 85% 70%, rgba(255, 140, 0, 0.1), transparent 40%),
    rgba(6, 10, 20, 0.92) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 16%, rgba(100, 140, 190, 0.16), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(13, 40, 72, 0.35), transparent 45%),
    rgba(6, 10, 20, 0.92) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 75% 40% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
#go-overlay.i-won .go-card {
  background:
    radial-gradient(ellipse 80% 45% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(22, 42, 68, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.22),
    0 0 44px rgba(255, 215, 0, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
#go-overlay.i-lost .go-card {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(100, 140, 190, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(16, 28, 48, 0.98), rgba(8, 14, 26, 0.99)) !important;
  border-color: rgba(143, 180, 220, 0.32) !important;
}
.go-trophy {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(255, 215, 0, 0.22) !important;
}
#go-overlay.i-won .go-eyebrow {
  color: var(--gold-bright, #ffd700) !important;
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
}
#go-overlay .winner-name {
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.25) !important;
}
.go-score-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.go-score-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.go-score-row.winner {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.go-score-row.me {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.16), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(143, 212, 184, 0.48) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 0 12px rgba(26, 107, 82, 0.12) !important;
}
.go-pill.up {
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.22), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(143, 212, 184, 0.45) !important;
  color: #8fd4b8 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.18) !important;
}
.go-pill.down {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.2), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(191, 106, 74, 0.45) !important;
  color: #ffab91 !important;
  box-shadow: 0 0 12px rgba(191, 106, 74, 0.16) !important;
}
.go-pill.xp {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  color: #ffe082 !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.16) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(230, 81, 0, 0.38) !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
#go-overlay .btn-again.primary:hover,
#go-overlay .btn-again:not(.ghost):not(.danger):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(230, 81, 0, 0.46) !important;
}
#go-overlay .btn-again.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
#go-overlay .btn-again.ghost:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
#go-overlay .btn-again.danger {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.18), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(191, 106, 74, 0.48) !important;
  color: #ffab91 !important;
  font-weight: 800 !important;
}

.re-card {
  background:
    radial-gradient(ellipse 75% 40% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 32px rgba(255, 215, 0, 0.1) !important;
}
.re-title {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.2);
}
.re-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.re-row.winner {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: inset 3px 0 0 #ffd700, 0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.re-row.me {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(26, 107, 82, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.14), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(143, 212, 184, 0.42) !important;
  box-shadow: inset 3px 0 0 #8fd4b8 !important;
}
.re-flag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-score-row,
  #go-overlay .btn-again,
  .re-row {
    transition: none !important;
  }
  .go-score-row:hover,
  #go-overlay .btn-again:hover,
  .re-row:hover {
    transform: none;
  }
  #go-overlay.i-won .go-card,
  #go-overlay.i-won .go-trophy {
    animation: none !important;
  }
}

/* ── Pass 119: Chat / Gift / table dock depth ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.1) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 55% 100% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.1), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.18) !important;
}
.chat-head-title {
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.chat-head button,
.panel-ico-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.chat-head button:hover,
.panel-ico-btn:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.chat-empty {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px dashed rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
}
.chat-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.12) !important;
}
.chat-line {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
.chat-line.me {
  background:
    radial-gradient(ellipse 50% 60% at 100% 0%, rgba(26, 107, 82, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow: inset -2px 0 0 #8fd4b8, 0 4px 14px rgba(26, 107, 82, 0.14) !important;
}
.chat-line.gift {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.95), rgba(8, 18, 32, 0.97)) !important;
  border-color: rgba(255, 152, 0, 0.48) !important;
  box-shadow: inset 2px 0 0 #ff9800, 0 4px 14px rgba(255, 152, 0, 0.14) !important;
}
.chat-quick button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12), 0 6px 14px rgba(0, 0, 0, 0.25) !important;
}
.chat-input-row input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  color: #fff8e7 !important;
  border-radius: 12px !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.14) !important;
}
.chat-input-row .chat-send {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.34) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.chat-input-row .chat-send:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(230, 81, 0, 0.42) !important;
}

.gift-targets button {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.gift-targets button:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.gift-targets button.active {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.18) !important;
  color: var(--gold-bright, #ffd700) !important;
  font-weight: 800 !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 50% 45% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
.gift-grid button:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.32),
    0 0 16px rgba(255, 152, 0, 0.16) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.5) !important;
}
.gift-hint {
  color: rgba(255, 248, 231, 0.55) !important;
  border-top: 1px solid rgba(255, 215, 0, 0.12);
  padding-top: 8px;
  margin-top: 4px;
}

#btn-chat,
#btn-gift,
.dock-btn {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.14), 0 8px 18px rgba(0, 0, 0, 0.32) !important;
  transform: translateY(-1px);
}
#btn-chat.has-unread {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-send,
  .gift-grid button,
  .gift-targets button,
  #btn-chat,
  #btn-gift,
  .dock-btn {
    transition: none !important;
    animation: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover,
  .chat-send:hover,
  #btn-chat:hover,
  #btn-gift:hover {
    transform: none;
  }
}

/* ── Pass 120: Spectator HUD / live list depth ── */
#spectator-banner {
  padding: 10px 18px !important;
  background:
    radial-gradient(ellipse 42% 140% at 50% -20%, rgba(255, 215, 0, 0.22), transparent 58%),
    linear-gradient(90deg,
      rgba(6, 16, 32, 0.995),
      rgba(16, 42, 64, 0.995) 48%,
      rgba(6, 16, 32, 0.995)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 215, 0, 0.18),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
  letter-spacing: 0.04em !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.72)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 2px 12px rgba(255, 215, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  font-weight: 800 !important;
}
#spectator-banner .spec-dot {
  width: 9px !important;
  height: 9px !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.28),
    0 0 16px rgba(255, 215, 0, 0.65) !important;
}
#spectator-banner .spec-sep {
  color: rgba(255, 215, 0, 0.35) !important;
}

#game.is-spectating {
  --spect-glow: rgba(255, 215, 0, 0.1);
}
#game.is-spectating #topbar {
  box-shadow: inset 0 -1px 0 rgba(255, 215, 0, 0.18) !important;
}
#game.is-spectating #topbar .tb-chip {
  border-color: rgba(255, 215, 0, 0.28) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.14) !important;
  color: var(--gold-bright, #ffd700) !important;
}
#game.is-spectating #actions {
  opacity: 0.32 !important;
  filter: saturate(0.55) brightness(0.85) !important;
}
#game.is-spectating #rack-container {
  min-height: 80px !important;
  background:
    radial-gradient(ellipse 60% 80% at 50% 35%, rgba(255, 215, 0, 0.1), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.62), rgba(6, 14, 26, 0.82)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.38) !important;
  box-shadow: inset 0 0 24px rgba(255, 215, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
#game.is-spectating #rack-container::after {
  font-size: 13.5px !important;
  letter-spacing: 0.03em !important;
  color: rgba(255, 236, 180, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3), 0 0 14px rgba(255, 215, 0, 0.12) !important;
}
#game.is-spectating #btn-chat,
#game.is-spectating #btn-gift,
#game.is-spectating .dock-btn {
  opacity: 0.35 !important;
  pointer-events: none !important;
  filter: grayscale(0.35);
}

.spect-list {
  gap: 12px !important;
}
.spect-row {
  background:
    radial-gradient(ellipse 55% 80% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34), 0 0 18px rgba(255, 215, 0, 0.1) !important;
  transform: translateY(-1px);
}
.spect-live {
  background: linear-gradient(135deg, rgba(28, 118, 88, 0.98), rgba(14, 64, 48, 0.99)) !important;
  border: 1px solid rgba(143, 212, 184, 0.48) !important;
  box-shadow: 0 0 12px rgba(46, 160, 120, 0.25) !important;
  letter-spacing: 0.06em !important;
}
.spect-live i {
  box-shadow: 0 0 8px rgba(143, 212, 184, 0.8) !important;
}
.spect-elo {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}
.spect-row-names {
  color: rgba(255, 248, 231, 0.92) !important;
  font-weight: 700 !important;
}
.spect-row-meta {
  color: rgba(255, 236, 210, 0.58) !important;
}
.spect-watch {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(230, 81, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}
.spect-watch:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(230, 81, 0, 0.45), 0 0 14px rgba(255, 152, 0, 0.3) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.14) !important;
  border-radius: 16px !important;
}
.spect-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  letter-spacing: 0.02em !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live i {
    animation: none !important;
  }
  .spect-row,
  .spect-watch {
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 121: History / Replay depth ── */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse 55% 40% at 50% 12%, rgba(255, 215, 0, 0.16), transparent 55%),
    radial-gradient(ellipse 40% 35% at 85% 88%, rgba(26, 107, 82, 0.1), transparent 50%),
    rgba(4, 8, 18, 0.94) !important;
  backdrop-filter: blur(6px);
}
.hist-panel,
.replay-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(168deg, rgba(18, 36, 58, 0.99), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 48px rgba(255, 215, 0, 0.1) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 215, 0, 0.78) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.28);
}
.hist-title,
.replay-title {
  text-shadow: 0 2px 18px rgba(255, 215, 0, 0.18);
}
.hist-meta,
.replay-subtitle {
  color: rgba(255, 236, 210, 0.62) !important;
  letter-spacing: 0.02em;
}
.hist-item {
  background:
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  border-radius: 12px !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.38) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.hist-item.hist-finish {
  background:
    linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.hist-item.hist-self {
  border-color: rgba(143, 212, 184, 0.28) !important;
  box-shadow: inset 3px 0 0 rgba(143, 212, 184, 0.75) !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.14) !important;
}
.hist-empty-title {
  font-size: 19px !important;
  letter-spacing: 0.02em !important;
}
.hist-btn-replay {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 10px 26px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.02em !important;
}
.hist-btn-replay:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.hist-btn-close:not(.hist-btn-x) {
  border-color: rgba(255, 215, 0, 0.3) !important;
  color: rgba(255, 248, 231, 0.85) !important;
}
.hist-btn-x:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}
.hist-btn-share {
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.14) !important;
}
.hist-replay-row {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
  border: 1px solid rgba(255, 215, 0, 0.14);
  padding: 8px;
}

.replay-item {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  border-radius: 12px !important;
}
.replay-item.replay-done {
  opacity: 0.55;
  border-color: rgba(255, 215, 0, 0.08) !important;
}
.replay-item.replay-active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 16px rgba(255, 215, 0, 0.14) !important;
  opacity: 1 !important;
}
.replay-progress {
  height: 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.5), 0 0 8px rgba(255, 152, 0, 0.35) !important;
}
.replay-btn {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
}
.replay-btn:hover:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32), 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  color: #1a1208 !important;
  box-shadow: 0 8px 22px rgba(255, 215, 0, 0.4) !important;
}
.replay-close {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 236, 210, 0.85) !important;
  font-weight: 700 !important;
}
.replay-close:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  color: var(--gold-bright, #ffd700) !important;
}

#go-overlay .btn-again.ghost#go-replay-btn,
#go-overlay .btn-again.ghost#go-share-replay-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
#go-overlay .btn-again.ghost#go-replay-btn:hover,
#go-overlay .btn-again.ghost#go-share-replay-btn:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16), 0 8px 18px rgba(0, 0, 0, 0.32) !important;
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .hist-item,
  .replay-item,
  .replay-btn,
  .hist-btn-replay,
  #go-overlay .btn-again.ghost#go-replay-btn,
  #go-overlay .btn-again.ghost#go-share-replay-btn {
    transition: none !important;
  }
  .hist-item:hover,
  .replay-btn:hover:not(:disabled),
  .hist-btn-replay:hover,
  #go-overlay .btn-again.ghost#go-replay-btn:hover,
  #go-overlay .btn-again.ghost#go-share-replay-btn:hover {
    transform: none;
  }
}

/* ── Pass 122: Topbar / Turn status depth ── */
#topbar {
  background:
    radial-gradient(ellipse 40% 120% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(180deg, rgba(14, 28, 48, 0.96), rgba(6, 12, 24, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(255, 215, 0, 0.05) !important;
  padding: 7px 12px !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.18) !important;
  color: rgba(255, 248, 231, 0.78) !important;
  letter-spacing: 0.02em;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#topbar .tb-chip.tb-rem strong {
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.35);
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.6) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.35), rgba(18, 36, 58, 0.85)) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.35) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.22), rgba(42, 22, 10, 0.85)) !important;
  box-shadow: 0 0 12px rgba(255, 106, 0, 0.22) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.35) !important;
  color: #ffcc80 !important;
}
#topbar .ind-cap {
  color: rgba(255, 215, 0, 0.45) !important;
  letter-spacing: 0.1em !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 3px 0 #b5a894,
    0 6px 14px rgba(0, 0, 0, 0.32),
    0 0 10px rgba(255, 215, 0, 0.08) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 3px 0 #c9a227,
    0 6px 14px rgba(212, 175, 55, 0.35),
    0 0 14px rgba(255, 215, 0, 0.25) !important;
}

#turn-banner {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  padding: 7px 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 6px 18px rgba(0, 0, 0, 0.28) !important;
  max-width: min(440px, 94%) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 60% 120% at 20% 50%, rgba(255, 215, 0, 0.18), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.2),
    0 6px 20px rgba(0, 0, 0, 0.3),
    0 0 28px rgba(255, 215, 0, 0.14) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 55% 120% at 20% 50%, rgba(255, 106, 0, 0.28), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.24), rgba(42, 18, 8, 0.94)) !important;
  border-color: rgba(255, 138, 0, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.22),
    0 6px 20px rgba(0, 0, 0, 0.32),
    0 0 28px rgba(255, 106, 0, 0.28) !important;
}
#turn-banner .tb-dot {
  width: 9px !important;
  height: 9px !important;
}
#turn-banner.mine .tb-dot {
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.3), 0 0 12px rgba(255, 215, 0, 0.75) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow: 0 0 0 2px rgba(255, 138, 0, 0.35), 0 0 12px rgba(255, 138, 0, 0.8) !important;
}
#turn-banner .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.1), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.22) !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.15);
}
#turn-banner .tb-name {
  letter-spacing: 0.02em;
}
#turn-banner .tb-timer {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.85), rgba(8, 18, 32, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
}
#turn-banner.mine .tb-timer.normal {
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
}
#turn-banner .tb-bar {
  width: 88px !important;
  height: 7px !important;
  background: linear-gradient(90deg, rgba(8, 18, 32, 0.9), rgba(18, 36, 58, 0.7)) !important;
  border: 1px solid rgba(255, 215, 0, 0.16) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffd700) !important;
  box-shadow: 0 0 8px rgba(143, 212, 184, 0.4);
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 8px rgba(255, 106, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  #turn-banner.mine,
  #turn-banner.urgent,
  #turn-banner .tb-dot,
  #turn-banner .tb-timer.warning,
  #turn-banner .tb-timer.urgent {
    animation: none !important;
  }
}

/* ── Pass 123: Action bar / Rack depth ── */
#actions .actions-primary {
  background:
    radial-gradient(ellipse 50% 80% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 18px !important;
  padding: 8px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(0, 0, 0, 0.32),
    0 0 20px rgba(255, 215, 0, 0.05) !important;
}
#actions .actions-secondary {
  background: linear-gradient(160deg, rgba(14, 28, 46, 0.88), rgba(8, 16, 28, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.25) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#actions .btn:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.32) !important;
}
#actions .btn:not(:disabled):hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.36),
    0 0 14px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#actions .btn-draw:not([disabled]) {
  background: linear-gradient(160deg, #228066, #1a6b52, #0d3b2e) !important;
  border-color: rgba(143, 212, 184, 0.45) !important;
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
#actions .btn-elden:not([disabled]) {
  background: linear-gradient(160deg, #ffd54f, #ffc107, #ff8f00) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 6px 16px rgba(255, 152, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
#actions .btn-throw:not([disabled]) {
  background: linear-gradient(160deg, #ffb74d, #ff9800, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.35),
    0 8px 22px rgba(230, 81, 0, 0.4) !important;
}
#actions .btn-secondary:not([disabled]) {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 236, 210, 0.92) !important;
}
#actions .btn-secondary:not([disabled]):hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.92)) !important;
}

#rack-section {
  border: 2px solid rgba(74, 48, 24, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.42),
    inset 0 -8px 16px rgba(0, 0, 0, 0.28),
    0 12px 32px rgba(0, 0, 0, 0.52),
    0 0 16px rgba(255, 215, 0, 0.04) !important;
}
#rack-section.my-turn {
  border-color: rgba(201, 162, 39, 0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.5),
    0 0 0 1.5px rgba(255, 215, 0, 0.28),
    0 0 28px rgba(255, 215, 0, 0.32),
    0 12px 32px rgba(0, 0, 0, 0.52) !important;
}
#rack-section.throw-ready {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.45),
    0 0 0 1.5px rgba(255, 140, 0, 0.32),
    0 0 30px rgba(255, 140, 0, 0.42),
    0 12px 32px rgba(0, 0, 0, 0.52) !important;
}
#rack-header .rack-title {
  color: #fff0d4 !important;
  letter-spacing: 0.03em !important;
}
#rack-header .rack-title #hand-count {
  color: #ffe082 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.35);
}
.rack-arrange-btn {
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.rack-arrange-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
}
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.65) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.32), rgba(60, 32, 8, 0.55)) !important;
  color: #ffe0b2 !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.65) !important;
  background: linear-gradient(145deg, rgba(216, 67, 21, 0.34), rgba(50, 18, 8, 0.55)) !important;
  color: #ffccbc !important;
}
#rack-container.istaka-well,
#rack-container {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 200, 120, 0.08), transparent 48%),
    linear-gradient(180deg, #2a1810 0%, #160e09 100%) !important;
  box-shadow:
    inset 0 14px 28px rgba(0, 0, 0, 0.75),
    inset 0 -2px 8px rgba(255, 200, 140, 0.06),
    inset 0 0 0 1px rgba(0, 0, 0, 0.55) !important;
}
.rack-empty-chip {
  background: linear-gradient(165deg, rgba(26, 107, 82, 0.62), rgba(13, 59, 46, 0.78)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42), 0 0 14px rgba(255, 215, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn,
  #actions .btn {
    transition: none !important;
  }
  .rack-arrange-btn:hover,
  #actions .btn:not(:disabled):hover {
    transform: none;
  }
  #actions .btn.cta-pulse:not([disabled]),
  #rack-section.throw-ready {
    animation: none !important;
  }
}

/* ── Pass 124: Opponent cards depth ── */
.opp-card {
  background:
    radial-gradient(ellipse 55% 45% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.94), rgba(6, 14, 26, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 16px rgba(255, 215, 0, 0.04) !important;
  padding: 9px 7px !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 18px rgba(255, 215, 0, 0.08) !important;
}
.opp-card.active {
  background:
    radial-gradient(ellipse 65% 55% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 58%),
    linear-gradient(165deg, rgba(28, 48, 72, 0.96), rgba(10, 18, 34, 0.98)) !important;
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.32),
    0 0 0 3px rgba(212, 175, 55, 0.45),
    0 0 32px rgba(255, 215, 0, 0.38),
    0 10px 24px rgba(0, 0, 0, 0.35) !important;
}
.opp-card.offline {
  background:
    radial-gradient(ellipse 50% 40% at 0% 50%, rgba(191, 106, 74, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(48, 28, 22, 0.55), rgba(8, 12, 20, 0.95)) !important;
  border-color: rgba(191, 106, 74, 0.45) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 8px 20px rgba(0, 0, 0, 0.3) !important;
  opacity: 0.88;
}
.opp-card .avatar {
  box-shadow:
    0 0 0 2px var(--gold, #d4af37),
    0 4px 10px rgba(0, 0, 0, 0.4),
    0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.7),
    0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
.opp-card .name {
  color: rgba(255, 248, 231, 0.95) !important;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}
.opp-card.active .name {
  color: var(--gold-bright, #ffd700) !important;
}
.opp-card .tile-back {
  background: linear-gradient(145deg, #228066, #1b6b52, #0e3f32) !important;
  border-color: rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}
.opp-card .tile-meta {
  color: rgba(255, 236, 210, 0.58) !important;
  font-weight: 600 !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  padding: 3px 10px !important;
  box-shadow:
    0 3px 10px rgba(255, 215, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.opp-card.thinking .turn-chip {
  box-shadow:
    0 3px 12px rgba(255, 215, 0, 0.5),
    0 0 14px rgba(255, 215, 0, 0.25) !important;
}
.opp-card .status-lbl.off {
  color: #ffab91 !important;
  letter-spacing: 0.04em;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn 0.5s ease-out !important;
}
@keyframes oppDrawFlashAn {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.55), 0 8px 22px rgba(0, 0, 0, 0.32); }
  40% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.4), 0 0 28px rgba(255, 215, 0, 0.4); }
  100% { box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05); }
}
#opp-top .opp-card {
  background:
    radial-gradient(ellipse 40% 120% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.94), rgba(8, 16, 28, 0.97)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
#opp-top .opp-card.active {
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 0 2px rgba(212, 175, 55, 0.4),
    0 0 24px rgba(255, 215, 0, 0.3),
    0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip,
  .opp-card.draw-flash {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 125: Center board / Discard depth ── */
#center-board {
  gap: 8px !important;
}
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  letter-spacing: 0.04em !important;
}
.center-panel {
  background:
    radial-gradient(ellipse 55% 40% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.72), rgba(6, 12, 22, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 215, 0, 0.04) !important;
}
.panel-caption {
  color: var(--gold-bright, #ffd700) !important;
  opacity: 0.88 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}
.opened-panel #opened-sets-area {
  gap: 12px !important;
}
.set-group {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.85), rgba(8, 16, 28, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-left: 3px solid var(--gold, #d4af37) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32), 0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.set-group.mine {
  border-left-color: #8fd4b8 !important;
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(143, 212, 184, 0.18), transparent 50%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.32), rgba(8, 16, 28, 0.9)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.28),
    0 6px 16px rgba(0, 0, 0, 0.28),
    0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.set-group.just-opened {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.42),
    0 10px 26px rgba(255, 215, 0, 0.2) !important;
}
.set-group .set-owner {
  letter-spacing: 0.06em !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.discard-panel {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.55), rgba(6, 12, 22, 0.75)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}
.discard-panel.can-pick {
  border-style: solid !important;
  border-color: rgba(143, 212, 184, 0.6) !important;
  background:
    radial-gradient(ellipse 55% 50% at 50% 0%, rgba(26, 107, 82, 0.28), transparent 55%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.3), rgba(8, 16, 28, 0.85)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.3),
    0 0 22px rgba(26, 107, 82, 0.22),
    0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
#discard-pile {
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 4px 0 #b5a894,
    0 12px 22px rgba(0, 0, 0, 0.4),
    0 0 12px rgba(255, 215, 0, 0.12) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  border-color: #8fd4b8 !important;
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.5),
    0 0 22px rgba(26, 107, 82, 0.4),
    0 10px 18px rgba(0, 0, 0, 0.32) !important;
}
#discard-pile.can-pick .discard-meta {
  color: #a8e6cf !important;
  text-shadow: 0 0 10px rgba(143, 212, 184, 0.35);
}
#discard-pile.drop-hover {
  outline: 2px solid rgba(255, 152, 0, 0.55);
  outline-offset: 4px;
  box-shadow: 0 0 20px rgba(255, 152, 0, 0.25) !important;
}
#chip-display {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  .set-group,
  .discard-panel,
  #discard-pile.can-pick .mini-tile.discard-top,
  .set-group.just-opened {
    animation: none !important;
    transition: none !important;
  }
  .set-group:hover {
    transform: none;
  }
}

/* ── Pass 126: Store / Profile depth ── */
.shop-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 70% 35% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    radial-gradient(ellipse 40% 30% at 90% 95%, rgba(255, 152, 0, 0.08), transparent 50%),
    linear-gradient(180deg, rgba(16, 32, 54, 0.99), rgba(6, 12, 24, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.shop-header {
  border-bottom: 1px solid rgba(255, 215, 0, 0.2) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 0 16px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.shop-tab.active,
.shop-chip.active {
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.shop-card {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.48) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 10px 26px rgba(0, 0, 0, 0.28),
    0 0 14px rgba(255, 152, 0, 0.1) !important;
}
.shop-card-btn.buy {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.02em !important;
  font-weight: 800 !important;
}
.shop-card-btn.equip {
  border-color: rgba(143, 212, 184, 0.5) !important;
}
.shop-vip-note {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.78)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22), 0 0 14px rgba(255, 215, 0, 0.08) !important;
  border-radius: 14px !important;
}
.shop-invoice-row {
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
.shop-section-title {
  letter-spacing: 0.1em !important;
}

.profile-hero {
  background:
    radial-gradient(ellipse 75% 48% at 12% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    radial-gradient(ellipse 45% 40% at 92% 88%, rgba(255, 152, 0, 0.12), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.98), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 40px rgba(0, 0, 0, 0.42),
    0 0 36px rgba(255, 215, 0, 0.12) !important;
  border-radius: 20px !important;
}
.profile-name {
  letter-spacing: 0.02em !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.35),
    0 10px 28px rgba(0, 0, 0, 0.4),
    0 0 24px rgba(255, 215, 0, 0.18) !important;
}
.profile-chips {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(255, 215, 0, 0.12) !important;
}
.profile-btn {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.02em !important;
}
.profile-stat {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.22) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), 0 0 14px rgba(255, 215, 0, 0.08) !important;
}
.profile-level {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.55) !important;
}
.profile-link {
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.profile-link:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28), 0 0 12px rgba(255, 215, 0, 0.1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-card-btn.buy,
  .profile-btn,
  .profile-stat,
  .profile-link,
  .shop-invoice-row {
    transition: none !important;
  }
  .shop-card:hover,
  .shop-card-btn.buy:hover,
  .profile-btn:hover,
  .profile-stat:hover,
  .profile-link:hover,
  .shop-invoice-row:hover {
    transform: none;
  }
}

/* ── Pass 127: Settings / Wheel depth ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 55% 90% at 0% 50%, rgba(255, 152, 0, 0.26), transparent 55%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.22), rgba(8, 16, 32, 0.7)) !important;
  border: 1px solid rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 0 18px rgba(255, 152, 0, 0.12) !important;
  border-radius: 16px !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 55%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.24), rgba(8, 16, 32, 0.65)) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.25),
    0 0 28px rgba(255, 152, 0, 0.22),
    0 10px 24px rgba(0, 0, 0, 0.3) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    radial-gradient(ellipse 40% 35% at 90% 92%, rgba(255, 152, 0, 0.12), transparent 50%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 40px rgba(0, 0, 0, 0.42),
    0 0 36px rgba(255, 215, 0, 0.12) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 36px rgba(255, 215, 0, 0.3),
    0 14px 40px rgba(0, 0, 0, 0.42) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  font-weight: 800 !important;
}
.wheel-seg {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), 0 0 12px rgba(255, 215, 0, 0.08) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.wheel-spin-btn:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 0.03em !important;
}
.wheel-spin-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.78), rgba(8, 18, 32, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.wheel-empty {
  border-color: rgba(255, 215, 0, 0.28) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.7)) !important;
}

.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 65% 35% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.99), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 36px rgba(255, 215, 0, 0.08) !important;
}
.settings-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.15);
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.78) !important;
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
}
.settings-label {
  color: rgba(255, 248, 231, 0.72) !important;
  letter-spacing: 0.04em;
}
.settings-options .opt-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 12px !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.settings-options .opt-btn:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  transform: translateY(-1px);
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 10px 24px rgba(230, 81, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.settings-row input[type=text] {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .settings-options .opt-btn {
    transition: none !important;
    animation: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .settings-options .opt-btn:hover {
    transform: none;
  }
}

/* ── Pass 128: Leaderboard / Missions depth ── */
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 55% 90% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.18), rgba(8, 16, 32, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.25),
    0 0 26px rgba(255, 215, 0, 0.2),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 55% 80% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28),
    0 0 16px rgba(255, 215, 0, 0.08) !important;
}
.mission-summary-pct {
  font-weight: 800 !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.5) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.26) !important;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(143, 212, 184, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.mission-icon {
  box-shadow: 0 6px 14px rgba(255, 215, 0, 0.3) !important;
}
.mission-reward {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.6)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  font-weight: 800 !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 152, 0, 0.24), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 152, 0, 0.5) !important;
  box-shadow: 0 0 20px rgba(255, 152, 0, 0.18), 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.mission-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 10px 24px rgba(230, 81, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}

#lb-overlay {
  background:
    radial-gradient(ellipse 70% 42% at 50% 14%, rgba(255, 215, 0, 0.18), transparent 55%),
    rgba(4, 8, 18, 0.94) !important;
}
.lb-panel {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 48px rgba(255, 215, 0, 0.1) !important;
}
.lb-tabs {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  padding: 5px !important;
}
.lb-tab.active {
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 40% 80% at 0% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 6px 16px rgba(0, 0, 0, 0.22) !important;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3), 0 0 12px rgba(255, 215, 0, 0.08) !important;
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.16) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.5) !important;
  box-shadow: inset 3px 0 0 #b0bec5, 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.5) !important;
  box-shadow: inset 3px 0 0 #cd7f32, 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(26, 107, 82, 0.24), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.16) !important;
}
.lb-name {
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 40% 100% at 0% 50%, rgba(143, 212, 184, 0.25), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.22), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(143, 212, 184, 0.5) !important;
  border-radius: 14px !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .lb-row,
  .mission-btn {
    transition: none !important;
  }
  .mission-card:hover,
  .lb-row:hover {
    transform: none;
  }
}

/* ── Pass 129: Friends / Support depth ── */
.friend-row {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.26) !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(26, 107, 82, 0.26), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 55% 60% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.friend-name {
  letter-spacing: 0.02em !important;
}
.friend-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.28),
    0 6px 16px rgba(0, 0, 0, 0.32),
    0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.friend-row.is-online .friend-avatar {
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.45),
    0 6px 16px rgba(26, 107, 82, 0.28) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 8px 20px rgba(230, 81, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.friend-btn.accept {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.5) !important;
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.32) !important;
}
.friend-btn.danger {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.35), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(191, 106, 74, 0.5) !important;
  color: #ffab91 !important;
}
.friend-btn.ghost {
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.friend-search-input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.12) !important;
}
.friend-empty {
  border-color: rgba(255, 215, 0, 0.32) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.6), rgba(8, 18, 32, 0.75)) !important;
}

.sup-toolbar {
  border-radius: 12px;
  margin-bottom: 14px !important;
}
.sup-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.28), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 152, 0, 0.52) !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.18) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.sup-card.status-open {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 16px rgba(255, 152, 0, 0.16) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.14) !important;
}
.sup-card.status-closed {
  border-color: rgba(255, 255, 255, 0.18) !important;
}
.sup-icon {
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
.sup-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.sup-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 248, 231, 0.85) !important;
}
.sup-pill.in_progress {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.25), rgba(18, 36, 58, 0.7)) !important;
  border: 1px solid rgba(255, 152, 0, 0.5) !important;
  color: #ffcc80 !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .sup-card,
  .friend-btn.primary,
  .friend-btn.invite,
  .sup-btn.primary {
    transition: none !important;
  }
  .friend-row:hover,
  .sup-card:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none;
  }
}

/* ── Pass 130: Season / Achievements depth ── */
.season-hero {
  background:
    radial-gradient(ellipse 78% 48% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 55%),
    radial-gradient(ellipse 42% 38% at 92% 92%, rgba(255, 152, 0, 0.14), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 40px rgba(0, 0, 0, 0.4),
    0 0 36px rgba(255, 215, 0, 0.14) !important;
}
.season-hero-name {
  letter-spacing: 0.03em !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.28) !important;
}
.season-hero-timer {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 152, 0, 0.5) !important;
  border-radius: 999px;
  padding: 4px 12px;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.18);
}
.season-me {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(26, 107, 82, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.22), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 10px 24px rgba(0, 0, 0, 0.26),
    0 0 18px rgba(26, 107, 82, 0.16) !important;
}
.season-reward {
  background:
    radial-gradient(ellipse 55% 60% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.season-reward:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 12px 22px rgba(0, 0, 0, 0.3),
    0 0 12px rgba(255, 215, 0, 0.1) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 60% 55% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.78)) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.18), 0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    0 0 20px rgba(255, 152, 0, 0.24),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.season-board-title {
  letter-spacing: 0.1em !important;
  font-weight: 800 !important;
}
.season-row {
  background:
    radial-gradient(ellipse 40% 65% at 0% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.season-row:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.3),
    0 0 12px rgba(255, 215, 0, 0.08) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 50% 65% at 0% 50%, rgba(26, 107, 82, 0.26), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.18), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.14) !important;
}
.season-row-name {
  letter-spacing: 0.02em !important;
  font-weight: 700 !important;
}
.season-empty {
  border-color: rgba(255, 215, 0, 0.35) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.6), rgba(8, 18, 32, 0.75)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 60% 80% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(255, 215, 0, 0.1) !important;
}
.achieve-summary-pct {
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.35) !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.55) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.26) !important;
}
.achieve-card:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 55% 65% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 20px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.achieve-card.is-locked {
  opacity: 0.88;
  border-color: rgba(255, 215, 0, 0.16) !important;
}
.achieve-icon {
  box-shadow: 0 6px 14px rgba(255, 215, 0, 0.28) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  box-shadow: 0 8px 18px rgba(255, 215, 0, 0.4) !important;
}
.achieve-title {
  letter-spacing: 0.02em !important;
}
.achieve-card.is-unlocked .achieve-title {
  color: #fff8e7 !important;
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.45) !important;
}
.achieve-empty {
  border-color: rgba(255, 215, 0, 0.35) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.6), rgba(8, 18, 32, 0.75)) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 55% 90% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.2), rgba(8, 16, 32, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.28),
    0 0 28px rgba(255, 215, 0, 0.22),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward,
  .season-row,
  .achieve-card {
    transition: none !important;
  }
  .season-reward:hover,
  .season-row:hover,
  .achieve-card:hover {
    transform: none;
  }
  .achievement-banner.claim-ready {
    animation: none !important;
  }
}

/* ── Pass 131: Clubs / Tournament depth ── */
.club-toolbar {
  background:
    radial-gradient(ellipse 60% 100% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.08), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.22) !important;
}
.club-chip {
  border-color: rgba(255, 215, 0, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
.club-chip.primary {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.16) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 48% 62% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(26, 107, 82, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.2), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.club-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.28),
    0 6px 16px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-name {
  letter-spacing: 0.02em !important;
  color: #fff8e7 !important;
}
.club-btn.join {
  box-shadow:
    0 10px 22px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.club-btn.war {
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 10px 22px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.club-tab.active {
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.club-war-card {
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 20px rgba(255, 152, 0, 0.18) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.club-war-score {
  border-radius: 12px !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.clubwar-banner.needs-response {
  box-shadow:
    0 0 28px rgba(255, 152, 0, 0.24),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.tr-panel {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 40px rgba(255, 215, 0, 0.1) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 48% 62% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 16px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 22px rgba(255, 152, 0, 0.2) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.18) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.tr-card-name {
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.12) !important;
}
.tr-btn-register:not(:disabled) {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.tr-btn-view {
  border-color: rgba(255, 215, 0, 0.35) !important;
}
.tr-countdown {
  border-radius: 999px !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.14) !important;
}
.tr-prize-info {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.12) !important;
}
.tr-match {
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  border-radius: 12px !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 16px rgba(255, 152, 0, 0.16) !important;
}
.tr-bracket-champ {
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 24px rgba(255, 215, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 26px rgba(255, 152, 0, 0.24),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-chip,
  .club-card,
  .club-btn.join,
  .club-btn.war,
  .club-war-card,
  .tr-card,
  .tr-match,
  .tr-btn-register {
    transition: none !important;
  }
  .club-chip:hover,
  .club-card:hover,
  .club-btn.join:hover,
  .club-btn.war:hover,
  .tr-card:hover,
  .tr-match:hover,
  .tr-btn-register:not(:disabled):hover {
    transform: none;
  }
}

/* ── Pass 132: Club badges / Referral depth ── */
.club-badge-card {
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.26) !important;
  transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s !important;
}
.club-badge-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-badge-card.is-unlocked {
  background:
    radial-gradient(ellipse 60% 65% at 50% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 0 24px rgba(255, 215, 0, 0.2),
    0 10px 24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-badge-card.is-locked {
  opacity: 0.88;
  border-color: rgba(255, 215, 0, 0.14) !important;
}
.club-badge-ico {
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
.club-badge-card.is-unlocked .club-badge-ico {
  background: linear-gradient(145deg, var(--gold-bright, #ffd700), #f0b400) !important;
  color: #1a1208 !important;
  border-color: transparent !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.35), 0 6px 14px rgba(255, 215, 0, 0.2) !important;
}
.club-badge-label {
  color: #fff8e7 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
.club-badge-card.is-locked .club-badge-label {
  color: rgba(255, 248, 231, 0.45) !important;
}
.club-badge-desc {
  color: rgba(255, 248, 231, 0.55) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 78% 48% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 55%),
    radial-gradient(ellipse 42% 40% at 92% 92%, rgba(255, 152, 0, 0.14), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.98), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 40px rgba(0, 0, 0, 0.4),
    0 0 36px rgba(255, 215, 0, 0.14) !important;
}
.ref-blurb b {
  letter-spacing: 0.02em;
}
.ref-stat {
  background:
    radial-gradient(ellipse 45% 60% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.ref-stat:hover {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 12px 22px rgba(0, 0, 0, 0.3),
    0 0 14px rgba(255, 215, 0, 0.1) !important;
}
.ref-stat-val {
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.3) !important;
}
.ref-code {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 20px rgba(255, 215, 0, 0.18) !important;
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.ref-btn.ghost {
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.16) !important;
  color: rgba(255, 248, 231, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-badge-card,
  .ref-stat,
  .ref-btn.primary {
    transition: none !important;
  }
  .club-badge-card:hover,
  .ref-stat:hover,
  .ref-btn.primary:hover {
    transform: none;
  }
}

/* ── Pass 133: Lobby CTA / Discover / play hero depth ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.2), transparent 50%),
    radial-gradient(ellipse at 10% 72%, rgba(26, 107, 82, 0.22), transparent 44%),
    radial-gradient(ellipse at 90% 100%, rgba(255, 140, 0, 0.14), transparent 42%),
    linear-gradient(175deg, var(--bg-deep, #060a14) 0%, #0a101c 55%, #071018 100%) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 75% 85% at 8% 50%, rgba(255, 152, 0, 0.28), transparent 55%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.6) 40%, rgba(8, 18, 32, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.55) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.34),
    0 0 32px rgba(255, 152, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.42),
    0 0 40px rgba(255, 152, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.lobby-play-hero .lph-ico {
  border-radius: 14px !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.28) !important;
}
.lobby-mode-toggle {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
}
.lobby-mode-btn.active {
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.lobby-btn.create {
  box-shadow:
    0 10px 22px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner,
.liveops-banner {
  background:
    radial-gradient(ellipse 45% 80% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.92), rgba(8, 16, 32, 0.72)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.26) !important;
}
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover,
.liveops-banner:hover {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.16) !important;
}
.lobby-cta-title {
  color: #fff8e7 !important;
  letter-spacing: 0.02em;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.22),
    0 0 24px rgba(255, 215, 0, 0.18),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
.an-menu-btn.is-open {
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.2) !important;
}
.an-menu-panel {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 32px rgba(255, 215, 0, 0.1) !important;
}
.an-menu-panel button:hover {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.18), rgba(255, 215, 0, 0.05)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .daily-banner,
  .tournament-banner,
  .clubwar-banner,
  .piggy-banner,
  .mission-banner,
  .achievement-banner,
  .calendar-banner,
  .wheel-banner,
  .season-banner,
  .liveops-banner,
  .an-menu-btn {
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .daily-banner:hover,
  .tournament-banner:hover,
  .mission-banner:hover,
  .season-banner:hover {
    transform: none;
  }
  .daily-banner.is-ready,
  .mission-banner.claim-ready,
  .wheel-banner.is-ready,
  .calendar-banner.is-ready,
  .achievement-banner.claim-ready {
    animation: none !important;
  }
}

/* ── Pass 134: Room browser / Private create depth ── */
.lobby-rooms {
  gap: 12px !important;
}
.room-card {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 22px rgba(255, 152, 0, 0.2),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
}
.room-card.is-playing {
  border-color: rgba(255, 152, 0, 0.42) !important;
  box-shadow:
    inset 3px 0 0 rgba(255, 152, 0, 0.7),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.room-card.status-full {
  border-color: rgba(191, 106, 74, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.room-card .room-name {
  letter-spacing: 0.02em !important;
  font-weight: 700 !important;
}
.room-card .seat-dots span.filled {
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important;
}
.room-meta .rm-chip {
  border-color: rgba(255, 215, 0, 0.26) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.room-meta .rm-chip.hot {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 12px rgba(255, 152, 0, 0.14) !important;
}
.room-btn-join.ready {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.lobby-empty {
  border: 1px dashed rgba(255, 215, 0, 0.35) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.6), rgba(8, 18, 32, 0.75)) !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room:hover {
  filter: brightness(1.06);
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

@media (prefers-reduced-motion: reduce) {
  .room-card,
  .room-btn-join.ready,
  .settings-btns .btn-create-room {
    transition: none !important;
  }
  .room-card:hover,
  .room-btn-join.ready:hover,
  .settings-btns .btn-create-room:hover {
    transform: none;
  }
  .room-card.almost-full {
    animation: none !important;
  }
}

/* ── Pass 135: Matchmaking / Waiting / Found depth ── */
#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 12%, rgba(255, 215, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 12% 88%, rgba(26, 107, 82, 0.2), transparent 44%),
    radial-gradient(ellipse at 92% 68%, rgba(255, 140, 0, 0.14), transparent 42%),
    rgba(4, 8, 18, 0.94) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 75% 42% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 44px rgba(255, 215, 0, 0.12) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 40px rgba(255, 152, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
#mm-overlay h2,
.lw-card h2 {
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.28) !important;
}
.mm-seat,
.lw-seat,
.mf-seat {
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.26) !important;
}
.mm-seat.filled,
.lw-seat.filled,
.mf-seat.filled {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 0 14px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    0 0 20px rgba(143, 212, 184, 0.24),
    inset 0 0 0 1px rgba(143, 212, 184, 0.3) !important;
}
.mm-seat.almost,
.mf-seat.almost {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.2) !important;
}
.mm-progress,
.lw-progress {
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.5) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.22) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid rgba(255, 152, 0, 0.58) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.22) !important;
}
.lw-share {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.lw-code-wrap {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  letter-spacing: 0.14em !important;
}
.mf-card {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.25),
    0 0 48px rgba(255, 215, 0, 0.24),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.mf-eyebrow {
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mm-seat,
  .mf-seat,
  .lw-seat,
  #mm-overlay .btn-cancel,
  .lw-cancel,
  .lw-share {
    transition: none !important;
  }
  #mm-overlay .btn-cancel:hover,
  .lw-cancel:hover {
    transform: none;
  }
  .mm-seat.almost,
  .mf-seat.almost {
    animation: none !important;
  }
}

/* ── Pass 136: Game-over / Round-end depth ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.3), transparent 50%),
    radial-gradient(ellipse at 18% 88%, rgba(26, 107, 82, 0.22), transparent 44%),
    radial-gradient(ellipse at 88% 68%, rgba(255, 140, 0, 0.14), transparent 42%),
    rgba(4, 8, 18, 0.94) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 14%, rgba(100, 140, 190, 0.2), transparent 52%),
    radial-gradient(ellipse at 82% 92%, rgba(13, 40, 72, 0.4), transparent 46%),
    rgba(4, 8, 18, 0.94) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 78% 42% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 40px rgba(255, 215, 0, 0.1) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.28),
    0 0 48px rgba(255, 215, 0, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
#go-overlay.i-lost .go-card {
  border-color: rgba(143, 180, 220, 0.4) !important;
}
.go-trophy {
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(255, 215, 0, 0.28) !important;
}
#go-overlay .winner-name {
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.3) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 14px rgba(0, 0, 0, 0.22) !important;
}
.go-score-row:hover {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.28),
    0 0 12px rgba(255, 215, 0, 0.08) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.16) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.16) !important;
}
.go-pill.up,
.go-pill.down,
.go-pill.xp {
  border-radius: 12px !important;
  font-weight: 800 !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#go-overlay .btn-again.ghost {
  border-color: rgba(255, 215, 0, 0.35) !important;
}
#go-overlay .btn-again.danger {
  border-color: rgba(191, 106, 74, 0.55) !important;
}

.re-card {
  background:
    radial-gradient(ellipse 78% 42% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 36px rgba(255, 215, 0, 0.12) !important;
}
.re-title {
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.26) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 14px rgba(0, 0, 0, 0.2) !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 16px rgba(255, 215, 0, 0.14) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 14px rgba(26, 107, 82, 0.12) !important;
}
.re-flag {
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.24) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-score-row,
  #go-overlay .btn-again,
  .re-row {
    transition: none !important;
  }
  .go-score-row:hover,
  #go-overlay .btn-again:hover,
  .re-row:hover {
    transform: none;
  }
  #go-overlay.i-won .go-card,
  #go-overlay.i-won .go-trophy {
    animation: none !important;
  }
}

/* ── Pass 137: Chat / Gift / table dock depth ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 75% 42% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 40px rgba(255, 215, 0, 0.12) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 60% 100% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.24) !important;
}
.chat-head-title {
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.22) !important;
}
.chat-head button,
.panel-ico-btn {
  border-color: rgba(255, 215, 0, 0.32) !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
.chat-empty {
  border: 1px dashed rgba(255, 215, 0, 0.35) !important;
  background:
    radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.6), rgba(8, 18, 32, 0.75)) !important;
}
.chat-line {
  border: 1px solid rgba(255, 215, 0, 0.22) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 6px 14px rgba(0, 0, 0, 0.22) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.5) !important;
  box-shadow:
    inset -3px 0 0 #8fd4b8,
    0 0 14px rgba(26, 107, 82, 0.14) !important;
}
.chat-line.gift {
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 16px rgba(255, 152, 0, 0.16) !important;
}
.chat-quick button {
  border-color: rgba(255, 215, 0, 0.3) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 4px 10px rgba(0, 0, 0, 0.2) !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 0 14px rgba(255, 215, 0, 0.14),
    0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.chat-input-row input {
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.16) !important;
}
.chat-input-row .chat-send {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}

.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 12px !important;
}
.gift-targets button.active {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 18px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.gift-grid button {
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(255, 152, 0, 0.2) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.55) !important;
}
.gift-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.18) !important;
  color: rgba(255, 248, 231, 0.58) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 0 16px rgba(255, 215, 0, 0.16),
    0 10px 20px rgba(0, 0, 0, 0.36) !important;
}
#btn-chat.has-unread {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    0 0 18px rgba(255, 152, 0, 0.24),
    0 8px 18px rgba(0, 0, 0, 0.34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-send,
  .gift-grid button,
  .gift-targets button,
  #btn-chat,
  #btn-gift,
  .dock-btn {
    transition: none !important;
    animation: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover,
  .chat-send:hover,
  #btn-chat:hover,
  #btn-gift:hover {
    transform: none;
  }
}

/* ── Pass 138: Spectator HUD / live list deepen ── */
#spectator-banner {
  padding: 11px 20px !important;
  background:
    radial-gradient(ellipse 48% 160% at 50% -30%, rgba(255, 215, 0, 0.28), transparent 58%),
    linear-gradient(90deg,
      rgba(4, 12, 24, 0.998),
      rgba(18, 44, 68, 0.998) 48%,
      rgba(4, 12, 24, 0.998)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 215, 0, 0.22),
    0 0 42px rgba(255, 215, 0, 0.12) !important;
  letter-spacing: 0.05em !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(14, 30, 50, 0.82)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 2px 14px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.25) !important;
}
#spectator-banner .spec-dot {
  width: 10px !important;
  height: 10px !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.32),
    0 0 18px rgba(255, 215, 0, 0.75) !important;
}
#spectator-banner .spec-sep {
  color: rgba(255, 215, 0, 0.42) !important;
}

#game.is-spectating #topbar {
  box-shadow:
    inset 0 -1px 0 rgba(255, 215, 0, 0.22),
    0 0 24px rgba(255, 215, 0, 0.06) !important;
}
#game.is-spectating #topbar .tb-chip {
  border-color: rgba(255, 215, 0, 0.34) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.18) !important;
}
#game.is-spectating #actions {
  opacity: 0.28 !important;
  filter: saturate(0.45) brightness(0.8) !important;
}
#game.is-spectating #rack-container {
  background:
    radial-gradient(ellipse 62% 85% at 50% 35%, rgba(255, 215, 0, 0.14), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.72), rgba(6, 14, 26, 0.88)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 0 28px rgba(255, 215, 0, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.32) !important;
}
#game.is-spectating #rack-container::after {
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  color: rgba(255, 240, 190, 0.92) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(255, 215, 0, 0.16) !important;
}
#game.is-spectating #btn-chat,
#game.is-spectating #btn-gift,
#game.is-spectating .dock-btn {
  opacity: 0.28 !important;
  filter: grayscale(0.45);
}

.spect-list {
  gap: 14px !important;
}
.spect-row {
  background:
    radial-gradient(ellipse 58% 90% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 22px rgba(255, 215, 0, 0.14) !important;
  transform: translateY(-2px);
}
.spect-live {
  background: linear-gradient(135deg, rgba(32, 130, 96, 0.99), rgba(12, 58, 44, 0.99)) !important;
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow: 0 0 14px rgba(46, 160, 120, 0.32) !important;
  letter-spacing: 0.07em !important;
}
.spect-live i {
  box-shadow: 0 0 10px rgba(143, 212, 184, 0.9) !important;
}
.spect-elo {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.32) !important;
  font-weight: 800 !important;
}
.spect-row-names {
  color: rgba(255, 248, 231, 0.95) !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}
.spect-row-meta {
  color: rgba(255, 236, 210, 0.62) !important;
}
.spect-watch {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 8px 18px rgba(230, 81, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 0.02em !important;
}
.spect-watch:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 26px rgba(230, 81, 0, 0.5),
    0 0 18px rgba(255, 152, 0, 0.35) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow: 0 10px 24px rgba(255, 215, 0, 0.18) !important;
}
.spect-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live i {
    animation: none !important;
  }
  .spect-row,
  .spect-watch {
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 139: Topbar / Turn status deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 48% 140% at 0% 50%, rgba(255, 215, 0, 0.14), transparent 55%),
    radial-gradient(ellipse 35% 100% at 100% 50%, rgba(255, 152, 0, 0.06), transparent 55%),
    linear-gradient(180deg, rgba(16, 32, 52, 0.97), rgba(6, 12, 24, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 32px rgba(255, 215, 0, 0.08) !important;
  padding: 8px 13px !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 3px 10px rgba(0, 0, 0, 0.22) !important;
  color: rgba(255, 248, 231, 0.82) !important;
  letter-spacing: 0.03em !important;
  font-weight: 700 !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 16px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-weight: 800 !important;
}
#topbar .tb-chip.tb-rem strong {
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.68) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 16px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.65) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.28), rgba(42, 22, 10, 0.88)) !important;
  box-shadow: 0 0 14px rgba(255, 106, 0, 0.28) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.42) !important;
  color: #ffcc80 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.14), rgba(18, 36, 58, 0.9)) !important;
}
#topbar .ind-cap {
  color: rgba(255, 215, 0, 0.52) !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 3px 0 #b5a894,
    0 8px 16px rgba(0, 0, 0, 0.36),
    0 0 12px rgba(255, 215, 0, 0.12) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 3px 0 #c9a227,
    0 8px 16px rgba(212, 175, 55, 0.4),
    0 0 18px rgba(255, 215, 0, 0.32) !important;
}

#turn-banner {
  background:
    radial-gradient(ellipse 50% 100% at 10% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  padding: 8px 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 22px rgba(0, 0, 0, 0.32) !important;
  max-width: min(460px, 95%) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 65% 130% at 18% 50%, rgba(255, 215, 0, 0.24), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.26),
    0 8px 24px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(255, 215, 0, 0.18) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 60% 130% at 18% 50%, rgba(255, 106, 0, 0.34), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.3), rgba(42, 18, 8, 0.96)) !important;
  border-color: rgba(255, 138, 0, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.28),
    0 8px 24px rgba(0, 0, 0, 0.36),
    0 0 34px rgba(255, 106, 0, 0.34) !important;
}
#turn-banner .tb-dot {
  width: 10px !important;
  height: 10px !important;
}
#turn-banner.mine .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.85) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.38),
    0 0 14px rgba(255, 138, 0, 0.9) !important;
}
#turn-banner .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  letter-spacing: 0.06em !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 2px 10px rgba(255, 215, 0, 0.2) !important;
}
#turn-banner.urgent .tb-tag {
  background: linear-gradient(145deg, rgba(255, 138, 0, 0.28), rgba(42, 18, 8, 0.8)) !important;
  border-color: rgba(255, 138, 0, 0.55) !important;
  color: #ffcc80 !important;
}
#turn-banner .tb-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
#turn-banner .tb-timer {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  font-size: 19px !important;
}
#turn-banner.mine .tb-timer.normal {
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.2) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
}
#turn-banner .tb-timer.warning,
#turn-banner .tb-timer.urgent {
  box-shadow: 0 0 12px rgba(255, 138, 0, 0.28) !important;
}
#turn-banner .tb-bar {
  width: 96px !important;
  height: 8px !important;
  background: linear-gradient(90deg, rgba(8, 18, 32, 0.95), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffd700) !important;
  box-shadow: 0 0 10px rgba(143, 212, 184, 0.5) !important;
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 10px rgba(255, 106, 0, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  #turn-banner.mine,
  #turn-banner.urgent,
  #turn-banner .tb-dot,
  #turn-banner .tb-timer.warning,
  #turn-banner .tb-timer.urgent {
    animation: none !important;
  }
}

/* ── Pass 140: Action bar / Rack deepen ── */
#actions .actions-primary {
  background:
    radial-gradient(ellipse 55% 90% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 18px !important;
  padding: 9px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 28px rgba(0, 0, 0, 0.36),
    0 0 24px rgba(255, 215, 0, 0.08) !important;
}
#actions .actions-secondary {
  background: linear-gradient(160deg, rgba(14, 28, 46, 0.92), rgba(8, 16, 28, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.28) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  box-shadow:
    0 5px 14px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
#actions .btn:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.4) !important;
}
#actions .btn:not(:disabled):hover {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-1px);
}
#actions .btn-draw:not([disabled]) {
  background: linear-gradient(160deg, #2a9478, #1a6b52, #0d3b2e) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 8px 18px rgba(26, 107, 82, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#actions .btn-elden:not([disabled]) {
  background: linear-gradient(160deg, #ffd54f, #ffc107, #ff8f00) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 8px 18px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-throw:not([disabled]) {
  background: linear-gradient(160deg, #ffb74d, #ff9800, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.42),
    0 10px 26px rgba(230, 81, 0, 0.48),
    0 0 22px rgba(255, 152, 0, 0.22) !important;
}
#actions .btn-secondary:not([disabled]) {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  color: rgba(255, 236, 210, 0.95) !important;
}
#actions .btn-secondary:not([disabled]):hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.94)) !important;
}

#rack-section {
  border: 2px solid rgba(74, 48, 24, 0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.48),
    inset 0 -8px 18px rgba(0, 0, 0, 0.32),
    0 14px 36px rgba(0, 0, 0, 0.55),
    0 0 20px rgba(255, 215, 0, 0.06) !important;
}
#rack-section.my-turn {
  border-color: rgba(201, 162, 39, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.55),
    0 0 0 2px rgba(255, 215, 0, 0.32),
    0 0 34px rgba(255, 215, 0, 0.38),
    0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  border-color: rgba(255, 152, 0, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.5),
    0 0 0 2px rgba(255, 140, 0, 0.38),
    0 0 36px rgba(255, 140, 0, 0.48),
    0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
#rack-header .rack-title {
  color: #fff4dc !important;
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
#rack-header .rack-title #hand-count {
  color: #ffe082 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.45) !important;
}
.rack-arrange-btn {
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.rack-arrange-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.34) !important;
}
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.4), rgba(60, 32, 8, 0.62)) !important;
  color: #ffe0b2 !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.75) !important;
  background: linear-gradient(145deg, rgba(216, 67, 21, 0.42), rgba(50, 18, 8, 0.62)) !important;
  color: #ffccbc !important;
}
#rack-container.istaka-well,
#rack-container {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 200, 120, 0.12), transparent 48%),
    linear-gradient(180deg, #2e1a12 0%, #140c08 100%) !important;
  box-shadow:
    inset 0 14px 32px rgba(0, 0, 0, 0.78),
    inset 0 -2px 10px rgba(255, 200, 140, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.6) !important;
}
.rack-empty-chip {
  background: linear-gradient(165deg, rgba(26, 107, 82, 0.7), rgba(13, 59, 46, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.45),
    0 0 16px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn,
  #actions .btn {
    transition: none !important;
  }
  .rack-arrange-btn:hover,
  #actions .btn:not(:disabled):hover {
    transform: none;
  }
  #actions .btn.cta-pulse:not([disabled]),
  #rack-section.throw-ready {
    animation: none !important;
  }
}

/* ── Pass 141: Opponent cards deepen ── */
.opp-card {
  background:
    radial-gradient(ellipse 58% 50% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.96), rgba(6, 14, 26, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 20px rgba(255, 215, 0, 0.06) !important;
  padding: 10px 8px !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 22px rgba(255, 215, 0, 0.12) !important;
  transform: translateY(-1px);
}
.opp-card.active {
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(255, 215, 0, 0.32), transparent 58%),
    linear-gradient(165deg, rgba(28, 48, 72, 0.97), rgba(10, 18, 34, 0.99)) !important;
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.38),
    0 0 0 3px rgba(212, 175, 55, 0.5),
    0 0 38px rgba(255, 215, 0, 0.44),
    0 12px 28px rgba(0, 0, 0, 0.38) !important;
}
.opp-card.offline {
  background:
    radial-gradient(ellipse 55% 45% at 0% 50%, rgba(191, 106, 74, 0.24), transparent 55%),
    linear-gradient(165deg, rgba(48, 28, 22, 0.62), rgba(8, 12, 20, 0.96)) !important;
  border-color: rgba(191, 106, 74, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  opacity: 0.9;
}
.opp-card .avatar {
  box-shadow:
    0 0 0 2px var(--gold, #d4af37),
    0 5px 12px rgba(0, 0, 0, 0.42),
    0 0 14px rgba(255, 215, 0, 0.16) !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.78),
    0 5px 14px rgba(0, 0, 0, 0.42) !important;
}
.opp-card .name {
  color: rgba(255, 248, 231, 0.96) !important;
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) !important;
}
.opp-card.active .name {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.35) !important;
}
.opp-card .tile-back {
  background: linear-gradient(145deg, #2a9478, #1b6b52, #0e3f32) !important;
  border-color: rgba(212, 175, 55, 0.62) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.42) !important;
}
.opp-card .tile-meta {
  color: rgba(255, 236, 210, 0.64) !important;
  font-weight: 700 !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  padding: 3px 11px !important;
  box-shadow:
    0 4px 12px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.opp-card.thinking .turn-chip {
  box-shadow:
    0 4px 14px rgba(255, 215, 0, 0.55),
    0 0 16px rgba(255, 215, 0, 0.3) !important;
}
.opp-card .status-lbl.off {
  color: #ffab91 !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn141 0.5s ease-out !important;
}
@keyframes oppDrawFlashAn141 {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.6), 0 10px 26px rgba(0, 0, 0, 0.36); }
  40% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.45), 0 0 32px rgba(255, 215, 0, 0.45); }
  100% { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
}
#opp-top .opp-card {
  background:
    radial-gradient(ellipse 45% 130% at 0% 50%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#opp-top .opp-card.active {
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 0 2px rgba(212, 175, 55, 0.48),
    0 0 28px rgba(255, 215, 0, 0.36),
    0 10px 22px rgba(0, 0, 0, 0.36) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip,
  .opp-card.draw-flash {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover {
    transform: none;
  }
}

/* ── Pass 142: Center board / Discard deepen ── */
#center-board {
  gap: 10px !important;
}
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.82)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 16px rgba(255, 215, 0, 0.1) !important;
  letter-spacing: 0.05em !important;
  font-weight: 800 !important;
}
.center-panel {
  background:
    radial-gradient(ellipse 58% 45% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.78), rgba(6, 12, 22, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 28px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(255, 215, 0, 0.06) !important;
}
.panel-caption {
  color: var(--gold-bright, #ffd700) !important;
  opacity: 0.92 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2) !important;
}
.opened-panel #opened-sets-area {
  gap: 14px !important;
}
.set-group {
  background:
    radial-gradient(ellipse 55% 65% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.9), rgba(8, 16, 28, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-left: 3px solid var(--gold, #d4af37) !important;
  border-radius: 14px !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
  transform: translateY(-1px);
}
.set-group.mine {
  border-left-color: #8fd4b8 !important;
  background:
    radial-gradient(ellipse 55% 65% at 0% 0%, rgba(143, 212, 184, 0.24), transparent 50%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.4), rgba(8, 16, 28, 0.92)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.35),
    0 8px 18px rgba(0, 0, 0, 0.32),
    0 0 18px rgba(26, 107, 82, 0.16) !important;
}
.set-group.just-opened {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.5),
    0 12px 28px rgba(255, 215, 0, 0.26) !important;
}
.set-group .set-owner {
  letter-spacing: 0.07em !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

.discard-panel {
  background:
    radial-gradient(ellipse 55% 45% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.62), rgba(6, 12, 22, 0.82)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.42) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 22px rgba(0, 0, 0, 0.26) !important;
}
.discard-panel.can-pick {
  border-style: solid !important;
  border-color: rgba(143, 212, 184, 0.68) !important;
  background:
    radial-gradient(ellipse 60% 55% at 50% 0%, rgba(26, 107, 82, 0.34), transparent 55%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.38), rgba(8, 16, 28, 0.88)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.38),
    0 0 26px rgba(26, 107, 82, 0.28),
    0 10px 24px rgba(0, 0, 0, 0.32) !important;
}
#discard-pile {
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 4px 0 #b5a894,
    0 14px 26px rgba(0, 0, 0, 0.44),
    0 0 16px rgba(255, 215, 0, 0.16) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  border-color: #8fd4b8 !important;
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.55),
    0 0 26px rgba(26, 107, 82, 0.48),
    0 12px 20px rgba(0, 0, 0, 0.36) !important;
}
#discard-pile.can-pick .discard-meta {
  color: #a8e6cf !important;
  text-shadow: 0 0 12px rgba(143, 212, 184, 0.42) !important;
  font-weight: 800 !important;
}
#discard-pile.drop-hover {
  outline: 2px solid rgba(255, 152, 0, 0.65);
  outline-offset: 4px;
  box-shadow: 0 0 24px rgba(255, 152, 0, 0.32) !important;
}
#chip-display {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 6px 16px rgba(255, 215, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

@media (prefers-reduced-motion: reduce) {
  .set-group,
  .discard-panel,
  #discard-pile.can-pick .mini-tile.discard-top,
  .set-group.just-opened {
    animation: none !important;
    transition: none !important;
  }
  .set-group:hover {
    transform: none;
  }
}

/* ── Pass 143: Store / Profile deepen ── */
.shop-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 72% 38% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    radial-gradient(ellipse 42% 32% at 90% 95%, rgba(255, 152, 0, 0.12), transparent 50%),
    linear-gradient(180deg, rgba(16, 32, 54, 0.995), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.shop-header {
  border-bottom: 1px solid rgba(255, 215, 0, 0.26) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  font-weight: 800 !important;
}
.shop-tab.active,
.shop-chip.active {
  box-shadow:
    0 8px 20px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.shop-card {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-1px);
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 12px 28px rgba(0, 0, 0, 0.32),
    0 0 18px rgba(255, 152, 0, 0.14) !important;
}
.shop-card-btn.buy {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.shop-card-btn.equip {
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow: 0 6px 16px rgba(26, 107, 82, 0.28) !important;
}
.shop-vip-note {
  background:
    radial-gradient(ellipse 55% 85% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.82)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.26),
    0 0 18px rgba(255, 215, 0, 0.12) !important;
  border-radius: 14px !important;
}
.shop-invoice-row {
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 16px rgba(0, 0, 0, 0.24) !important;
}
.shop-section-title {
  letter-spacing: 0.12em !important;
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18) !important;
}

.profile-hero {
  background:
    radial-gradient(ellipse 78% 52% at 12% 0%, rgba(255, 215, 0, 0.32), transparent 55%),
    radial-gradient(ellipse 48% 42% at 92% 88%, rgba(255, 152, 0, 0.16), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 44px rgba(0, 0, 0, 0.46),
    0 0 42px rgba(255, 215, 0, 0.16) !important;
  border-radius: 20px !important;
}
.profile-name {
  letter-spacing: 0.03em !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.42),
    0 12px 32px rgba(0, 0, 0, 0.45),
    0 0 28px rgba(255, 215, 0, 0.24) !important;
}
.profile-chips {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 26px rgba(255, 215, 0, 0.16) !important;
}
.profile-btn {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.profile-stat {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.26) !important;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
  transform: translateY(-1px);
}
.profile-level {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.62) !important;
}
.profile-link {
  border-radius: 14px !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.profile-link:hover {
  box-shadow:
    0 12px 22px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.14) !important;
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-card-btn.buy,
  .profile-btn,
  .profile-stat,
  .profile-link,
  .shop-invoice-row {
    transition: none !important;
  }
  .shop-card:hover,
  .shop-card-btn.buy:hover,
  .profile-btn:hover,
  .profile-stat:hover,
  .profile-link:hover,
  .shop-invoice-row:hover {
    transform: none;
  }
}

/* ── Pass 144: Settings / Wheel deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 58% 95% at 0% 50%, rgba(255, 152, 0, 0.32), transparent 55%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.28), rgba(8, 16, 32, 0.75)) !important;
  border: 1px solid rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(255, 152, 0, 0.16) !important;
  border-radius: 16px !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 65% 95% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.3), rgba(8, 16, 32, 0.7)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.3),
    0 0 32px rgba(255, 152, 0, 0.28),
    0 12px 28px rgba(0, 0, 0, 0.34) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 72% 42% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    radial-gradient(ellipse 42% 38% at 90% 92%, rgba(255, 152, 0, 0.16), transparent 50%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 44px rgba(0, 0, 0, 0.46),
    0 0 42px rgba(255, 215, 0, 0.16) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 42px rgba(255, 215, 0, 0.36),
    0 14px 44px rgba(0, 0, 0, 0.46) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 0 18px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.wheel-seg {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.24) !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.32),
    0 0 14px rgba(255, 215, 0, 0.12) !important;
  transform: translateY(-1px);
}
.wheel-seg-prize {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.68)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.wheel-spin-btn:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.wheel-spin-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.82), rgba(8, 18, 32, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.2) !important;
}
.wheel-empty {
  border-color: rgba(255, 215, 0, 0.34) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.62), rgba(8, 18, 32, 0.78)) !important;
}

.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 68% 38% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.995), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 40px rgba(255, 215, 0, 0.1) !important;
}
.settings-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.2) !important;
  letter-spacing: 0.02em !important;
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.85) !important;
  letter-spacing: 0.16em !important;
  font-weight: 800 !important;
}
.settings-label {
  color: rgba(255, 248, 231, 0.78) !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
}
.settings-options .opt-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
.settings-options .opt-btn:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 18px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.settings-row input[type=text] {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .settings-options .opt-btn {
    transition: none !important;
    animation: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .settings-options .opt-btn:hover {
    transform: none;
  }
}

/* ── Pass 145: Leaderboard / Missions deepen ── */
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 58% 95% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.24), rgba(8, 16, 32, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.3),
    0 0 30px rgba(255, 215, 0, 0.26),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 58% 85% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32),
    0 0 20px rgba(255, 215, 0, 0.1) !important;
}
.mission-summary-pct {
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.25) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.58) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(0, 0, 0, 0.3) !important;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-1px);
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 55% 65% at 0% 0%, rgba(143, 212, 184, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 22px rgba(26, 107, 82, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.mission-icon {
  box-shadow: 0 8px 16px rgba(255, 215, 0, 0.36) !important;
}
.mission-reward {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.68)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  font-weight: 800 !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 65% 55% at 50% 0%, rgba(255, 152, 0, 0.3), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 152, 0, 0.58) !important;
  box-shadow:
    0 0 24px rgba(255, 152, 0, 0.22),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.mission-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

#lb-overlay {
  background:
    radial-gradient(ellipse 72% 45% at 50% 14%, rgba(255, 215, 0, 0.22), transparent 55%),
    rgba(4, 8, 18, 0.95) !important;
}
.lb-panel {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 48px rgba(255, 215, 0, 0.12) !important;
}
.lb-tabs {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  padding: 5px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.lb-tab.active {
  box-shadow:
    0 8px 20px rgba(255, 215, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 45% 85% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.26) !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
  transform: translateY(-1px);
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 55% 85% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.58) !important;
  box-shadow: inset 3px 0 0 #b0bec5, 0 8px 18px rgba(0, 0, 0, 0.26) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.58) !important;
  box-shadow: inset 3px 0 0 #cd7f32, 0 8px 18px rgba(0, 0, 0, 0.26) !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 55% 85% at 0% 50%, rgba(26, 107, 82, 0.3), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.2) !important;
}
.lb-name {
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 45% 100% at 0% 50%, rgba(143, 212, 184, 0.3), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.28), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(143, 212, 184, 0.58) !important;
  border-radius: 14px !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .lb-row,
  .mission-btn {
    transition: none !important;
  }
  .mission-card:hover,
  .lb-row:hover {
    transform: none;
  }
}

/* ── Pass 146: Friends / Support deepen ── */
.friend-row {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(0, 0, 0, 0.3) !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-1px);
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 58% 75% at 0% 50%, rgba(26, 107, 82, 0.32), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 22px rgba(26, 107, 82, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 58% 65% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.friend-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.friend-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.35),
    0 8px 18px rgba(0, 0, 0, 0.36),
    0 0 14px rgba(255, 215, 0, 0.14) !important;
}
.friend-row.is-online .friend-avatar {
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.52),
    0 8px 18px rgba(26, 107, 82, 0.34) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.friend-btn.accept {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.58) !important;
  box-shadow: 0 8px 18px rgba(26, 107, 82, 0.38) !important;
}
.friend-btn.danger {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(191, 106, 74, 0.58) !important;
  color: #ffab91 !important;
}
.friend-btn.ghost {
  border-color: rgba(255, 215, 0, 0.34) !important;
}
.friend-search-input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.16) !important;
}
.friend-empty {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background:
    radial-gradient(ellipse 55% 65% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.68), rgba(8, 18, 32, 0.82)) !important;
}

.sup-toolbar {
  border-radius: 12px;
  margin-bottom: 14px !important;
}
.sup-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.34), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(255, 152, 0, 0.58) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.22) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 55% 65% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-1px);
}
.sup-card.status-open {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 20px rgba(255, 152, 0, 0.2) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.18) !important;
}
.sup-card.status-closed {
  border-color: rgba(255, 255, 255, 0.22) !important;
}
.sup-icon {
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.sup-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.sup-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  color: rgba(255, 248, 231, 0.9) !important;
}
.sup-pill.in_progress {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.3), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 152, 0, 0.58) !important;
  color: #ffcc80 !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .sup-card,
  .friend-btn.primary,
  .friend-btn.invite,
  .sup-btn.primary {
    transition: none !important;
  }
  .friend-row:hover,
  .sup-card:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none;
  }
}

/* ── Pass 147: Season / Achievements deepen ── */
.season-hero {
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    radial-gradient(ellipse 40% 50% at 100% 100%, rgba(255, 152, 0, 0.14), transparent 50%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.36),
    0 0 40px rgba(255, 215, 0, 0.16) !important;
}
.season-hero-name {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.34) !important;
}
.season-hero-timer {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.3), rgba(18, 36, 58, 0.82)) !important;
  border: 1px solid rgba(255, 152, 0, 0.58) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.24) !important;
  font-weight: 800 !important;
}
.season-me {
  background:
    radial-gradient(ellipse 60% 80% at 0% 50%, rgba(26, 107, 82, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(143, 212, 184, 0.62) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 12px 28px rgba(0, 0, 0, 0.3),
    0 0 22px rgba(26, 107, 82, 0.2) !important;
}
.season-reward {
  background:
    radial-gradient(ellipse 60% 55% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.season-reward:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 26px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.14) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.65) !important;
  background:
    radial-gradient(ellipse 65% 55% at 50% 0%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.82)) !important;
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.24),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow:
    0 0 24px rgba(255, 152, 0, 0.3),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.season-board-title {
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.2);
}
.season-row {
  background:
    radial-gradient(ellipse 48% 65% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.season-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 58% 75% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(26, 107, 82, 0.32), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.22), rgba(18, 36, 58, 0.82)) !important;
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 22px rgba(26, 107, 82, 0.18) !important;
}
.season-row-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.season-empty {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background:
    radial-gradient(ellipse 55% 65% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.68), rgba(8, 18, 32, 0.82)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 65% 80% at 0% 50%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 24px rgba(255, 215, 0, 0.14) !important;
}
.achieve-summary-pct {
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.4) !important;
}
.achieve-summary-bar {
  background: rgba(8, 18, 32, 0.95) !important;
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
  border-radius: 999px !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.6) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.achieve-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 58% 70% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 24px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.achieve-card.is-locked {
  opacity: 0.9;
  border-color: rgba(255, 215, 0, 0.2) !important;
}
.achieve-icon {
  border-radius: 12px !important;
  box-shadow: 0 8px 16px rgba(255, 215, 0, 0.32) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.45) !important;
}
.achieve-title {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.achieve-card.is-unlocked .achieve-title {
  color: #fff8e7 !important;
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffd700, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.5) !important;
}
.achieve-empty {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background:
    radial-gradient(ellipse 55% 65% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.68), rgba(8, 18, 32, 0.82)) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 58% 90% at 0% 50%, rgba(255, 215, 0, 0.34), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.26), rgba(8, 16, 32, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.32),
    0 0 32px rgba(255, 215, 0, 0.28),
    0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward,
  .season-row,
  .achieve-card {
    transition: none !important;
  }
  .season-reward:hover,
  .season-row:hover,
  .achieve-card:hover {
    transform: none;
  }
  .achievement-banner.claim-ready {
    animation: none !important;
  }
}

/* ── Pass 148: Clubs / Tournament deepen ── */
.club-toolbar {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
}
.club-chip {
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 6px 14px rgba(0, 0, 0, 0.22) !important;
}
.club-chip.primary {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow: 0 0 20px rgba(255, 152, 0, 0.22) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 52% 68% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.club-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 60% 75% at 0% 50%, rgba(26, 107, 82, 0.34), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.26), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(143, 212, 184, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.club-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.36),
    0 8px 18px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.club-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  color: #fff8e7 !important;
}
.club-btn.join {
  box-shadow:
    0 12px 26px rgba(26, 107, 82, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.club-btn.war {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 26px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.club-tab.active {
  box-shadow: 0 10px 24px rgba(255, 215, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.club-war-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.5) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 24px rgba(255, 152, 0, 0.24) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.club-war-score {
  border-radius: 12px !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.2) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 0 26px rgba(255, 215, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.clubwar-banner.needs-response {
  box-shadow:
    0 0 32px rgba(255, 152, 0, 0.3),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.tr-panel {
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 44px rgba(255, 215, 0, 0.14) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 52% 68% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.tr-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 26px rgba(255, 152, 0, 0.26) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.22) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.tr-card-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.16) !important;
}
.tr-btn-register:not(:disabled) {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.tr-btn-view {
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.tr-countdown {
  border-radius: 999px !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.2) !important;
  font-weight: 800 !important;
}
.tr-prize-info {
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(255, 215, 0, 0.16) !important;
}
.tr-match {
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 12px !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 20px rgba(255, 152, 0, 0.2) !important;
}
.tr-bracket-champ {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 28px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 30px rgba(255, 152, 0, 0.3),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.tournament-banner.is-registered {
  box-shadow:
    0 0 24px rgba(26, 107, 82, 0.22),
    inset 3px 0 0 #8fd4b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-card,
  .club-war-card,
  .tr-card {
    transition: none !important;
  }
  .club-card:hover,
  .club-war-card:hover,
  .tr-card:hover {
    transform: none;
  }
  .club-war-card.active,
  .tournament-banner.is-live {
    animation: none !important;
  }
}

/* ── Pass 149: Lobby / Notifications deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.24), transparent 50%),
    radial-gradient(ellipse at 10% 72%, rgba(26, 107, 82, 0.26), transparent 44%),
    radial-gradient(ellipse at 90% 100%, rgba(255, 140, 0, 0.18), transparent 42%),
    linear-gradient(175deg, var(--bg-deep, #060a14) 0%, #0a101c 55%, #071018 100%) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 78% 90% at 8% 50%, rgba(255, 152, 0, 0.34), transparent 55%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.28), rgba(18, 36, 58, 0.65) 40%, rgba(8, 18, 32, 0.95)) !important;
  border: 1px solid rgba(255, 152, 0, 0.62) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.4),
    0 0 36px rgba(255, 152, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.48),
    0 0 44px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.lobby-play-hero .lph-ico {
  border-radius: 14px !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.34) !important;
}
.lobby-mode-toggle {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
}
.lobby-mode-btn.active {
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.lobby-btn.create {
  box-shadow:
    0 12px 26px rgba(26, 107, 82, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner,
.liveops-banner {
  background:
    radial-gradient(ellipse 50% 85% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 32, 0.78)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 24px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover,
.liveops-banner:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  box-shadow: 0 6px 14px rgba(255, 215, 0, 0.2) !important;
}
.lobby-cta-title {
  color: #fff8e7 !important;
  letter-spacing: 0.03em;
  font-weight: 800 !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16) !important;
  font-weight: 800 !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.28),
    0 0 28px rgba(255, 215, 0, 0.24),
    0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 6px 14px rgba(0, 0, 0, 0.24) !important;
}
.an-menu-btn.is-open {
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.26) !important;
}
.an-menu-panel {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 36px rgba(255, 215, 0, 0.12) !important;
}
.an-menu-panel button:hover {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.22), rgba(255, 215, 0, 0.06)) !important;
}

.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 44px rgba(255, 215, 0, 0.12) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.12), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.24) !important;
}
.notif-mark-all {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.notif-mark-all:hover {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.16) !important;
}
.notif-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.3), rgba(18, 36, 58, 0.78)) !important;
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.22) !important;
  font-weight: 800 !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.notif-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.18) !important;
}
.notif-card.reward.is-unread {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 20px rgba(255, 152, 0, 0.2) !important;
}
.notif-card.club.is-unread {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 18px rgba(255, 215, 0, 0.16) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.notif-card.support.is-unread {
  border-color: rgba(255, 152, 0, 0.55) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 18px rgba(255, 152, 0, 0.16) !important;
}
.notif-icon {
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28) !important;
}
.notif-title {
  letter-spacing: 0.02em !important;
  font-weight: 800 !important;
}
.notif-card.is-unread .notif-title {
  color: #fff8e7 !important;
}
.notif-btn.accept,
.notif-btn.primary {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 800 !important;
}
.notif-btn.decline {
  border-color: rgba(191, 106, 74, 0.55) !important;
  color: #ffab91 !important;
}
.notif-btn.ghost {
  border-color: rgba(255, 215, 0, 0.34) !important;
}
.notif-empty {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background:
    radial-gradient(ellipse 55% 65% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.68), rgba(8, 18, 32, 0.82)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .daily-banner,
  .tournament-banner,
  .clubwar-banner,
  .piggy-banner,
  .mission-banner,
  .achievement-banner,
  .calendar-banner,
  .wheel-banner,
  .season-banner,
  .liveops-banner,
  .notif-card,
  .an-menu-btn {
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .daily-banner:hover,
  .tournament-banner:hover,
  .mission-banner:hover,
  .season-banner:hover,
  .notif-card:hover {
    transform: none;
  }
  .daily-banner.is-ready,
  .mission-banner.claim-ready,
  .wheel-banner.is-ready,
  .calendar-banner.is-ready,
  .achievement-banner.claim-ready {
    animation: none !important;
  }
}

/* ── Pass 150: Room / Matchmaking / Game-over deepen ── */
.room-card {
  background:
    radial-gradient(ellipse 55% 68% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.room-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.2),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 26px rgba(255, 152, 0, 0.26),
    0 12px 28px rgba(0, 0, 0, 0.32) !important;
}
.room-card.is-playing {
  border-color: rgba(255, 152, 0, 0.5) !important;
  box-shadow:
    inset 3px 0 0 rgba(255, 152, 0, 0.8),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.room-card.status-full {
  border-color: rgba(191, 106, 74, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.room-card .room-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.room-card .seat-dots span.filled {
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.58) !important;
}
.room-meta .rm-chip.hot {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.18) !important;
}
.room-btn-join.ready {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 12%, rgba(255, 215, 0, 0.26), transparent 50%),
    radial-gradient(ellipse at 12% 88%, rgba(26, 107, 82, 0.24), transparent 44%),
    radial-gradient(ellipse at 92% 68%, rgba(255, 140, 0, 0.18), transparent 42%),
    rgba(4, 8, 18, 0.94) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 78% 45% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 48px rgba(255, 215, 0, 0.16) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 44px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    0 0 24px rgba(143, 212, 184, 0.3),
    inset 0 0 0 1px rgba(143, 212, 184, 0.35) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.58) !important;
}
.lw-code-wrap {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 24px rgba(255, 215, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.mf-card {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.3),
    0 0 48px rgba(255, 215, 0, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}

#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.36), transparent 50%),
    radial-gradient(ellipse at 18% 88%, rgba(26, 107, 82, 0.26), transparent 44%),
    radial-gradient(ellipse at 88% 68%, rgba(255, 140, 0, 0.18), transparent 42%),
    rgba(4, 8, 18, 0.94) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 80% 45% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 44px rgba(255, 215, 0, 0.14) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.32),
    0 0 48px rgba(255, 215, 0, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.go-trophy {
  box-shadow: 0 12px 30px rgba(255, 215, 0, 0.34) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.2) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.re-card {
  background:
    radial-gradient(ellipse 80% 45% at 50% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 40px rgba(255, 215, 0, 0.16) !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 20px rgba(255, 215, 0, 0.18) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .room-card,
  .room-btn-join.ready,
  .go-score-row,
  #go-overlay .btn-again,
  .re-row {
    transition: none !important;
  }
  .room-card:hover,
  .go-score-row:hover,
  #go-overlay .btn-again:hover,
  .re-row:hover {
    transform: none;
  }
  .room-card.almost-full,
  #go-overlay.i-won .go-card,
  #go-overlay.i-won .go-trophy,
  .mf-card {
    animation: none !important;
  }
}

/* ── Pass 151: History / Replay deepen ── */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse 58% 42% at 50% 12%, rgba(255, 215, 0, 0.2), transparent 55%),
    radial-gradient(ellipse 42% 38% at 85% 88%, rgba(26, 107, 82, 0.14), transparent 50%),
    rgba(4, 8, 18, 0.94) !important;
  backdrop-filter: blur(6px);
}
.hist-panel,
.replay-panel {
  background:
    radial-gradient(ellipse 72% 42% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(168deg, rgba(18, 36, 58, 0.995), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 48px rgba(255, 215, 0, 0.14) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 215, 0, 0.85) !important;
  letter-spacing: 0.16em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.34);
}
.hist-title,
.replay-title {
  text-shadow: 0 2px 20px rgba(255, 215, 0, 0.22);
  letter-spacing: 0.02em !important;
}
.hist-item {
  background:
    radial-gradient(ellipse 48% 65% at 0% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.24) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.26) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.48) !important;
  transform: translateY(-1px);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.34),
    0 0 14px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.hist-item.hist-finish {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 20px rgba(255, 215, 0, 0.18) !important;
}
.hist-item.hist-self {
  border-color: rgba(143, 212, 184, 0.45) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 16px rgba(26, 107, 82, 0.14) !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 10px 24px rgba(255, 215, 0, 0.18) !important;
}
.hist-btn-replay {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}
.hist-btn-replay:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.hist-btn-share {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 8px 18px rgba(255, 215, 0, 0.16) !important;
}

.replay-item {
  background:
    radial-gradient(ellipse 45% 60% at 0% 0%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 12px !important;
}
.replay-item.replay-active {
  background:
    radial-gradient(ellipse 55% 70% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 20px rgba(255, 215, 0, 0.18) !important;
  opacity: 1 !important;
}
.replay-progress {
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.55), 0 0 10px rgba(255, 152, 0, 0.4) !important;
}
.replay-btn {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
}
.replay-btn:hover:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.34), 0 0 14px rgba(255, 215, 0, 0.14) !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow: 0 10px 26px rgba(255, 215, 0, 0.45) !important;
}
.replay-close {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.94), rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .hist-item,
  .replay-item,
  .replay-btn,
  .hist-btn-replay {
    transition: none !important;
  }
  .hist-item:hover,
  .replay-btn:hover:not(:disabled),
  .hist-btn-replay:hover {
    transform: none;
  }
}

/* ── Pass 152: Chat / Gift / table dock deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 78% 45% at 50% 0%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 44px rgba(255, 215, 0, 0.16) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.16), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
}
.chat-head-title {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.28) !important;
}
.chat-head button,
.panel-ico-btn {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 6px 14px rgba(0, 0, 0, 0.24) !important;
}
.chat-empty {
  border: 1px dashed rgba(255, 215, 0, 0.4) !important;
  background:
    radial-gradient(ellipse 55% 65% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.68), rgba(8, 18, 32, 0.82)) !important;
}
.chat-line {
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.26) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset -3px 0 0 #8fd4b8,
    0 0 18px rgba(26, 107, 82, 0.18) !important;
}
.chat-line.gift {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 20px rgba(255, 152, 0, 0.2) !important;
}
.chat-quick button {
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 6px 12px rgba(0, 0, 0, 0.24) !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 0 16px rgba(255, 215, 0, 0.18),
    0 10px 18px rgba(0, 0, 0, 0.3) !important;
}
.chat-input-row input {
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.18) !important;
}
.chat-input-row .chat-send {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-weight: 800 !important;
}

.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
}
.gift-targets button.active {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.gift-grid button {
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.gift-grid button:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 152, 0, 0.7) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.36),
    0 0 22px rgba(255, 152, 0, 0.26) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.62) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.2),
    0 12px 24px rgba(0, 0, 0, 0.4) !important;
}
#btn-chat.has-unread {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow:
    0 0 22px rgba(255, 152, 0, 0.3),
    0 10px 22px rgba(0, 0, 0, 0.38) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-send,
  .gift-grid button,
  .gift-targets button,
  #btn-chat,
  #btn-gift,
  .dock-btn {
    transition: none !important;
    animation: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover,
  .chat-send:hover,
  #btn-chat:hover,
  #btn-gift:hover {
    transform: none;
  }
}

/* ── Pass 153: Spectator HUD / live list deepen ── */
#spectator-banner {
  padding: 12px 20px !important;
  background:
    radial-gradient(ellipse 52% 170% at 50% -30%, rgba(255, 215, 0, 0.34), transparent 58%),
    linear-gradient(90deg,
      rgba(4, 12, 24, 0.998),
      rgba(18, 44, 68, 0.998) 48%,
      rgba(4, 12, 24, 0.998)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 215, 0, 0.26),
    0 0 48px rgba(255, 215, 0, 0.16) !important;
  letter-spacing: 0.05em !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(14, 30, 50, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 2px 16px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.3) !important;
}
#spectator-banner .spec-dot {
  width: 10px !important;
  height: 10px !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.85) !important;
}
#spectator-banner .spec-sep {
  color: rgba(255, 215, 0, 0.5) !important;
}

#game.is-spectating #topbar {
  box-shadow:
    inset 0 -1px 0 rgba(255, 215, 0, 0.28),
    0 0 28px rgba(255, 215, 0, 0.1) !important;
}
#game.is-spectating #topbar .tb-chip {
  border-color: rgba(255, 215, 0, 0.4) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.22) !important;
}
#game.is-spectating #actions {
  opacity: 0.26 !important;
  filter: saturate(0.4) brightness(0.78) !important;
}
#game.is-spectating #rack-container {
  background:
    radial-gradient(ellipse 65% 88% at 50% 35%, rgba(255, 215, 0, 0.18), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.78), rgba(6, 14, 26, 0.9)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 0 32px rgba(255, 215, 0, 0.1),
    0 12px 28px rgba(0, 0, 0, 0.36) !important;
}
#game.is-spectating #rack-container::after {
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  color: rgba(255, 240, 190, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.36),
    0 0 22px rgba(255, 215, 0, 0.2) !important;
}
#game.is-spectating #btn-chat,
#game.is-spectating #btn-gift,
#game.is-spectating .dock-btn {
  opacity: 0.26 !important;
  filter: grayscale(0.5);
}

.spect-list {
  gap: 14px !important;
}
.spect-row {
  background:
    radial-gradient(ellipse 60% 92% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 26px rgba(255, 215, 0, 0.18) !important;
  transform: translateY(-2px);
}
.spect-live {
  background: linear-gradient(135deg, rgba(32, 130, 96, 0.99), rgba(12, 58, 44, 0.99)) !important;
  border: 1px solid rgba(143, 212, 184, 0.62) !important;
  box-shadow: 0 0 16px rgba(46, 160, 120, 0.38) !important;
  letter-spacing: 0.08em !important;
  font-weight: 800 !important;
}
.spect-live i {
  box-shadow: 0 0 12px rgba(143, 212, 184, 0.95) !important;
}
.spect-elo {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.38) !important;
  font-weight: 800 !important;
}
.spect-row-names {
  color: rgba(255, 248, 231, 0.96) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}
.spect-watch {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 10px 22px rgba(230, 81, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
.spect-watch:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 30px rgba(230, 81, 0, 0.55),
    0 0 22px rgba(255, 152, 0, 0.4) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 12px 28px rgba(255, 215, 0, 0.22) !important;
}
.spect-empty-title {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.26) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live i {
    animation: none !important;
  }
  .spect-row,
  .spect-watch {
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 154: Topbar / Turn status deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 52% 150% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    radial-gradient(ellipse 38% 110% at 100% 50%, rgba(255, 152, 0, 0.1), transparent 55%),
    linear-gradient(180deg, rgba(16, 32, 52, 0.98), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 36px rgba(255, 215, 0, 0.12) !important;
  padding: 8px 13px !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 4px 12px rgba(0, 0, 0, 0.26) !important;
  color: rgba(255, 248, 231, 0.88) !important;
  letter-spacing: 0.03em !important;
  font-weight: 700 !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  font-weight: 800 !important;
}
#topbar .tb-chip.tb-rem strong {
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.5) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.72) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.48), rgba(18, 36, 58, 0.9)) !important;
  box-shadow: 0 0 18px rgba(26, 107, 82, 0.45) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.34), rgba(42, 22, 10, 0.9)) !important;
  box-shadow: 0 0 16px rgba(255, 106, 0, 0.34) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.5) !important;
  color: #ffcc80 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
}
#topbar .ind-cap {
  color: rgba(255, 215, 0, 0.58) !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 3px 0 #b5a894,
    0 8px 16px rgba(0, 0, 0, 0.36),
    0 0 14px rgba(255, 215, 0, 0.16) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 3px 0 #c9a227,
    0 8px 16px rgba(212, 175, 55, 0.45),
    0 0 22px rgba(255, 215, 0, 0.38) !important;
}

#turn-banner {
  background:
    radial-gradient(ellipse 55% 110% at 10% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  padding: 8px 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 10px 26px rgba(0, 0, 0, 0.36) !important;
  max-width: min(460px, 95%) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 68% 140% at 18% 50%, rgba(255, 215, 0, 0.3), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.75) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.32),
    0 10px 28px rgba(0, 0, 0, 0.38),
    0 0 40px rgba(255, 215, 0, 0.24) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 65% 140% at 18% 50%, rgba(255, 106, 0, 0.4), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.36), rgba(42, 18, 8, 0.97)) !important;
  border-color: rgba(255, 138, 0, 0.85) !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.34),
    0 10px 28px rgba(0, 0, 0, 0.4),
    0 0 40px rgba(255, 106, 0, 0.4) !important;
}
#turn-banner.mine .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.38),
    0 0 16px rgba(255, 215, 0, 0.9) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.42),
    0 0 16px rgba(255, 138, 0, 0.95) !important;
}
#turn-banner .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  letter-spacing: 0.06em !important;
  font-weight: 800 !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow: 0 2px 12px rgba(255, 215, 0, 0.24) !important;
}
#turn-banner.urgent .tb-tag {
  background: linear-gradient(145deg, rgba(255, 138, 0, 0.34), rgba(42, 18, 8, 0.85)) !important;
  border-color: rgba(255, 138, 0, 0.62) !important;
  color: #ffcc80 !important;
}
#turn-banner .tb-name {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
#turn-banner .tb-timer {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}
#turn-banner.mine .tb-timer.normal {
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.26) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
}
#turn-banner .tb-timer.warning,
#turn-banner .tb-timer.urgent {
  box-shadow: 0 0 14px rgba(255, 138, 0, 0.34) !important;
}
#turn-banner .tb-bar {
  width: 96px !important;
  height: 8px !important;
  background: linear-gradient(90deg, rgba(8, 18, 32, 0.95), rgba(18, 36, 58, 0.75)) !important;
  border: 1px solid rgba(255, 215, 0, 0.26) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffd700) !important;
  box-shadow: 0 0 12px rgba(143, 212, 184, 0.55) !important;
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 12px rgba(255, 106, 0, 0.6) !important;
}

@media (prefers-reduced-motion: reduce) {
  #turn-banner.mine,
  #turn-banner.urgent,
  #turn-banner .tb-dot,
  #turn-banner .tb-timer.warning,
  #turn-banner .tb-timer.urgent {
    animation: none !important;
  }
}

/* ── Pass 155: Action bar / Rack deepen ── */
#actions .actions-primary {
  background:
    radial-gradient(ellipse 58% 95% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 18px !important;
  padding: 9px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 215, 0, 0.12) !important;
}
#actions .actions-secondary {
  background: linear-gradient(160deg, rgba(14, 28, 46, 0.94), rgba(8, 16, 28, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
#actions .btn:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
#actions .btn:not(:disabled):hover {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  transform: translateY(-1px);
}
#actions .btn-draw:not([disabled]) {
  background: linear-gradient(160deg, #2a9478, #1a6b52, #0d3b2e) !important;
  border-color: rgba(143, 212, 184, 0.62) !important;
  box-shadow:
    0 10px 22px rgba(26, 107, 82, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#actions .btn-elden:not([disabled]) {
  background: linear-gradient(160deg, #ffd54f, #ffc107, #ff8f00) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 10px 22px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#actions .btn-throw:not([disabled]) {
  background: linear-gradient(160deg, #ffb74d, #ff9800, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.48),
    0 12px 30px rgba(230, 81, 0, 0.52),
    0 0 26px rgba(255, 152, 0, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 210, 0.96) !important;
}
#actions .btn-secondary:not([disabled]):hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.95)) !important;
}

#rack-section {
  border: 2px solid rgba(74, 48, 24, 0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.52),
    inset 0 -8px 18px rgba(0, 0, 0, 0.34),
    0 14px 40px rgba(0, 0, 0, 0.58),
    0 0 24px rgba(255, 215, 0, 0.08) !important;
}
#rack-section.my-turn {
  border-color: rgba(201, 162, 39, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.58),
    0 0 0 2px rgba(255, 215, 0, 0.38),
    0 0 40px rgba(255, 215, 0, 0.42),
    0 14px 40px rgba(0, 0, 0, 0.58) !important;
}
#rack-section.throw-ready {
  border-color: rgba(255, 152, 0, 1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.55),
    0 0 0 2px rgba(255, 140, 0, 0.42),
    0 0 42px rgba(255, 140, 0, 0.52),
    0 14px 40px rgba(0, 0, 0, 0.58) !important;
}
#rack-header .rack-title {
  color: #fff4dc !important;
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
#rack-header .rack-title #hand-count {
  color: #ffe082 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.5) !important;
}
.rack-arrange-btn {
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.34) !important;
}
.rack-arrange-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.38) !important;
}
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.8) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.46), rgba(60, 32, 8, 0.68)) !important;
  color: #ffe0b2 !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.8) !important;
  background: linear-gradient(145deg, rgba(216, 67, 21, 0.48), rgba(50, 18, 8, 0.68)) !important;
  color: #ffccbc !important;
}
#rack-container.istaka-well,
#rack-container {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 200, 120, 0.14), transparent 48%),
    linear-gradient(180deg, #2e1a12 0%, #140c08 100%) !important;
  box-shadow:
    inset 0 14px 32px rgba(0, 0, 0, 0.8),
    inset 0 -2px 10px rgba(255, 200, 140, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.6) !important;
}
.rack-empty-chip {
  background: linear-gradient(165deg, rgba(26, 107, 82, 0.75), rgba(13, 59, 46, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.48),
    0 0 18px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn,
  #actions .btn {
    transition: none !important;
  }
  .rack-arrange-btn:hover,
  #actions .btn:not(:disabled):hover {
    transform: none;
  }
  #actions .btn.cta-pulse:not([disabled]),
  #rack-section.throw-ready {
    animation: none !important;
  }
}

/* ── Pass 156: Opponent cards deepen ── */
.opp-card {
  background:
    radial-gradient(ellipse 62% 55% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.97), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 24px rgba(255, 215, 0, 0.1) !important;
  padding: 10px 8px !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 26px rgba(255, 215, 0, 0.16) !important;
  transform: translateY(-2px);
}
.opp-card.active {
  background:
    radial-gradient(ellipse 74% 64% at 50% 0%, rgba(255, 215, 0, 0.38), transparent 58%),
    linear-gradient(165deg, rgba(30, 52, 76, 0.98), rgba(10, 18, 34, 0.995)) !important;
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.45),
    0 0 0 3px rgba(212, 175, 55, 0.55),
    0 0 44px rgba(255, 215, 0, 0.5),
    0 14px 32px rgba(0, 0, 0, 0.42) !important;
}
.opp-card.offline {
  background:
    radial-gradient(ellipse 58% 48% at 0% 50%, rgba(191, 106, 74, 0.3), transparent 55%),
    linear-gradient(165deg, rgba(52, 30, 24, 0.68), rgba(8, 12, 20, 0.97)) !important;
  border-color: rgba(191, 106, 74, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 12px 28px rgba(0, 0, 0, 0.38),
    0 0 18px rgba(191, 106, 74, 0.18) !important;
  opacity: 0.92;
}
.opp-card .avatar {
  box-shadow:
    0 0 0 2px var(--gold, #d4af37),
    0 6px 14px rgba(0, 0, 0, 0.46),
    0 0 16px rgba(255, 215, 0, 0.2) !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px var(--gold-bright, #ffd700),
    0 0 30px rgba(255, 215, 0, 0.85),
    0 6px 16px rgba(0, 0, 0, 0.46) !important;
}
.opp-card .name {
  color: rgba(255, 248, 231, 0.97) !important;
  letter-spacing: 0.035em !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.active .name {
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .tile-back {
  background: linear-gradient(145deg, #2a9478, #1b6b52, #0e3f32) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 3px 7px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.opp-card .tile-more {
  color: rgba(255, 236, 210, 0.72) !important;
  font-weight: 800 !important;
}
.opp-card .tile-meta {
  color: rgba(255, 236, 210, 0.7) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  padding: 3px 12px !important;
  box-shadow:
    0 5px 14px rgba(255, 215, 0, 0.55),
    0 0 12px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.opp-card.thinking .turn-chip {
  box-shadow:
    0 5px 16px rgba(255, 215, 0, 0.62),
    0 0 20px rgba(255, 215, 0, 0.38) !important;
}
.opp-card .status-lbl.off {
  color: #ffab91 !important;
  letter-spacing: 0.06em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(191, 106, 74, 0.35) !important;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn156 0.55s ease-out !important;
}
@keyframes oppDrawFlashAn156 {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.65), 0 12px 30px rgba(0, 0, 0, 0.4); }
  40% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.5), 0 0 36px rgba(255, 215, 0, 0.5); }
  100% { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
}
#opp-top .opp-card {
  background:
    radial-gradient(ellipse 48% 140% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 18px rgba(255, 215, 0, 0.08) !important;
}
#opp-top .opp-card.active {
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 0 2px rgba(212, 175, 55, 0.55),
    0 0 32px rgba(255, 215, 0, 0.42),
    0 12px 26px rgba(0, 0, 0, 0.4) !important;
}
#opp-top .opp-card:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip,
  .opp-card.draw-flash {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  #opp-top .opp-card:hover {
    transform: none;
  }
}

/* ── Pass 157: Center board / Discard deepen ── */
#center-board {
  gap: 11px !important;
}
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 20px rgba(255, 215, 0, 0.14) !important;
  letter-spacing: 0.06em !important;
  font-weight: 800 !important;
}
.center-panel {
  background:
    radial-gradient(ellipse 62% 50% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.84), rgba(6, 12, 22, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 26px rgba(255, 215, 0, 0.1) !important;
}
.panel-caption {
  color: var(--gold-bright, #ffd700) !important;
  opacity: 0.95 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.28) !important;
}
.opened-panel #opened-sets-area {
  gap: 15px !important;
}
.set-group {
  background:
    radial-gradient(ellipse 58% 68% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.93), rgba(8, 16, 28, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-left: 3px solid var(--gold-bright, #ffd700) !important;
  border-radius: 14px !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 14px rgba(255, 215, 0, 0.06) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
  transform: translateY(-2px);
}
.set-group.mine {
  border-left-color: #8fd4b8 !important;
  background:
    radial-gradient(ellipse 58% 68% at 0% 0%, rgba(143, 212, 184, 0.3), transparent 50%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.48), rgba(8, 16, 28, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.42),
    0 10px 22px rgba(0, 0, 0, 0.36),
    0 0 22px rgba(26, 107, 82, 0.22) !important;
}
.set-group.just-opened {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.58),
    0 14px 32px rgba(255, 215, 0, 0.32),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.set-group .set-owner {
  letter-spacing: 0.08em !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45) !important;
}

.discard-panel {
  background:
    radial-gradient(ellipse 58% 48% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.7), rgba(6, 12, 22, 0.88)) !important;
  border: 1.5px dashed rgba(255, 215, 0, 0.5) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.3),
    0 0 16px rgba(255, 215, 0, 0.06) !important;
}
.discard-panel.can-pick {
  border-style: solid !important;
  border-color: rgba(143, 212, 184, 0.78) !important;
  background:
    radial-gradient(ellipse 64% 58% at 50% 0%, rgba(26, 107, 82, 0.42), transparent 55%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.46), rgba(8, 16, 28, 0.92)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.45),
    0 0 32px rgba(26, 107, 82, 0.36),
    0 12px 28px rgba(0, 0, 0, 0.36) !important;
}
#discard-pile {
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.94) inset,
    0 5px 0 #b5a894,
    0 14px 30px rgba(0, 0, 0, 0.48),
    0 0 20px rgba(255, 215, 0, 0.2) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  border-color: #8fd4b8 !important;
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.62),
    0 0 30px rgba(26, 107, 82, 0.55),
    0 14px 24px rgba(0, 0, 0, 0.4) !important;
}
#discard-pile.can-pick .discard-meta {
  color: #a8e6cf !important;
  text-shadow: 0 0 14px rgba(143, 212, 184, 0.5) !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
#discard-pile.drop-hover {
  outline: 2px solid rgba(255, 152, 0, 0.72);
  outline-offset: 4px;
  box-shadow: 0 0 28px rgba(255, 152, 0, 0.4) !important;
}
.deck-panel {
  background:
    radial-gradient(ellipse 55% 45% at 50% 0%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.68), rgba(6, 12, 22, 0.86)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.deck-panel.can-draw {
  border-color: rgba(143, 212, 184, 0.7) !important;
  background:
    radial-gradient(ellipse 60% 55% at 50% 0%, rgba(26, 107, 82, 0.36), transparent 55%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.4), rgba(8, 16, 28, 0.9)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.4),
    0 0 28px rgba(26, 107, 82, 0.3),
    0 10px 24px rgba(0, 0, 0, 0.32) !important;
}
#chip-display {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 8px 18px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

@media (prefers-reduced-motion: reduce) {
  .set-group,
  .discard-panel,
  .deck-panel,
  #discard-pile.can-pick .mini-tile.discard-top,
  .set-group.just-opened {
    animation: none !important;
    transition: none !important;
  }
  .set-group:hover {
    transform: none;
  }
}

/* ── Pass 158: Store / Profile deepen ── */
.shop-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 76% 42% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 46% 36% at 90% 95%, rgba(255, 152, 0, 0.16), transparent 50%),
    linear-gradient(180deg, rgba(16, 32, 54, 0.997), rgba(6, 12, 24, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.66),
    0 0 48px rgba(255, 215, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.shop-header {
  border-bottom: 1px solid rgba(255, 215, 0, 0.32) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 0 24px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.shop-tab.active,
.shop-chip.active {
  box-shadow:
    0 10px 24px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
.shop-card {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 16px rgba(255, 215, 0, 0.06) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.44),
    0 0 26px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px);
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.62) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 22px rgba(255, 152, 0, 0.2) !important;
}
.shop-card-btn.buy {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.shop-card-btn.equip {
  border-color: rgba(143, 212, 184, 0.68) !important;
  box-shadow: 0 8px 18px rgba(26, 107, 82, 0.34) !important;
}
.shop-vip-note {
  background:
    radial-gradient(ellipse 58% 90% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.3),
    0 0 22px rgba(255, 215, 0, 0.16) !important;
  border-radius: 14px !important;
}
.shop-invoice-row {
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 20px rgba(0, 0, 0, 0.28) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.shop-section-title {
  letter-spacing: 0.14em !important;
  color: var(--gold-bright, #ffd700) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.24) !important;
  font-weight: 800 !important;
}

.profile-hero {
  background:
    radial-gradient(ellipse 82% 56% at 12% 0%, rgba(255, 215, 0, 0.38), transparent 55%),
    radial-gradient(ellipse 52% 46% at 92% 88%, rgba(255, 152, 0, 0.2), transparent 50%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.2) !important;
  border-radius: 20px !important;
}
.profile-name {
  letter-spacing: 0.04em !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45) !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.5),
    0 14px 36px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(255, 215, 0, 0.3) !important;
}
.profile-chips {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(255, 215, 0, 0.2) !important;
}
.profile-btn {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.profile-stat {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 26px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 20px rgba(255, 215, 0, 0.16) !important;
  transform: translateY(-2px);
}
.profile-level {
  border-radius: 16px !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32), 0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7) !important;
}
.profile-link {
  border-radius: 14px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28) !important;
  border-color: rgba(255, 215, 0, 0.34) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.profile-link:hover {
  box-shadow:
    0 14px 26px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.18) !important;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-card-btn.buy,
  .profile-btn,
  .profile-stat,
  .profile-link,
  .shop-invoice-row {
    transition: none !important;
  }
  .shop-card:hover,
  .shop-card-btn.buy:hover,
  .profile-btn:hover,
  .profile-stat:hover,
  .profile-link:hover,
  .shop-invoice-row:hover {
    transform: none;
  }
}

/* ── Pass 159: Settings / Wheel deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 62% 98% at 0% 50%, rgba(255, 152, 0, 0.38), transparent 55%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.34), rgba(8, 16, 32, 0.8)) !important;
  border: 1px solid rgba(255, 152, 0, 0.7) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.36),
    0 0 26px rgba(255, 152, 0, 0.22) !important;
  border-radius: 16px !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 70% 98% at 0% 50%, rgba(255, 215, 0, 0.38), transparent 55%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.36), rgba(8, 16, 32, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.36),
    0 0 36px rgba(255, 152, 0, 0.34),
    0 14px 32px rgba(0, 0, 0, 0.38) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 76% 46% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 55%),
    radial-gradient(ellipse 46% 42% at 90% 92%, rgba(255, 152, 0, 0.2), transparent 50%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.2) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.5) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.wheel-seg {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 20px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.16) !important;
  transform: translateY(-2px);
}
.wheel-seg-prize {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
}
.wheel-spin-btn:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.56),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  letter-spacing: 0.05em !important;
  font-weight: 800 !important;
}
.wheel-spin-btn:disabled {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.86), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.24) !important;
}
.wheel-empty {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.7), rgba(8, 18, 32, 0.84)) !important;
}

.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 72% 42% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.997), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 46px rgba(255, 215, 0, 0.14) !important;
}
.settings-title {
  color: var(--gold-bright, #ffd700) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.28) !important;
  letter-spacing: 0.03em !important;
}
.settings-eyebrow {
  color: rgba(255, 215, 0, 0.9) !important;
  letter-spacing: 0.18em !important;
  font-weight: 800 !important;
}
.settings-label {
  color: rgba(255, 248, 231, 0.82) !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
}
.settings-options .opt-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.24) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.settings-options .opt-btn:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.32) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.settings-row input[type=text] {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .settings-options .opt-btn {
    transition: none !important;
    animation: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .settings-options .opt-btn:hover {
    transform: none;
  }
}

/* ── Pass 160: Leaderboard / Missions deepen ── */
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 62% 98% at 0% 50%, rgba(255, 215, 0, 0.38), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.3), rgba(8, 16, 32, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.36),
    0 0 36px rgba(255, 215, 0, 0.32),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 62% 90% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 24px rgba(255, 215, 0, 0.14) !important;
}
.mission-summary-pct {
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.32) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.68) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 28px rgba(0, 0, 0, 0.34),
    0 0 14px rgba(255, 215, 0, 0.06) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px);
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 58% 70% at 0% 0%, rgba(143, 212, 184, 0.34), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(143, 212, 184, 0.68) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 26px rgba(26, 107, 82, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.mission-icon {
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.42) !important;
}
.mission-reward {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.75)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  font-weight: 800 !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 70% 58% at 50% 0%, rgba(255, 152, 0, 0.36), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 152, 0, 0.68) !important;
  box-shadow:
    0 0 28px rgba(255, 152, 0, 0.28),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
}
.mission-btn {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

#lb-overlay {
  background:
    radial-gradient(ellipse 76% 48% at 50% 14%, rgba(255, 215, 0, 0.26), transparent 55%),
    rgba(4, 8, 18, 0.96) !important;
}
.lb-panel {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.66),
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 48px rgba(255, 215, 0, 0.16) !important;
}
.lb-tabs {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  padding: 5px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}
.lb-tab.active {
  box-shadow:
    0 10px 24px rgba(255, 215, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-weight: 800 !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 48% 90% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.16) !important;
  transform: translateY(-2px);
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 58% 90% at 0% 50%, rgba(255, 215, 0, 0.34), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.26) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.68) !important;
  box-shadow: inset 3px 0 0 #b0bec5, 0 10px 22px rgba(0, 0, 0, 0.3) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.68) !important;
  box-shadow: inset 3px 0 0 #cd7f32, 0 10px 22px rgba(0, 0, 0, 0.3) !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 58% 90% at 0% 50%, rgba(26, 107, 82, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.26) !important;
}
.lb-name {
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 48% 100% at 0% 50%, rgba(143, 212, 184, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.34), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(143, 212, 184, 0.68) !important;
  border-radius: 14px !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 12px 26px rgba(0, 0, 0, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .lb-row,
  .mission-btn {
    transition: none !important;
  }
  .mission-card:hover,
  .lb-row:hover {
    transform: none;
  }
}

/* ── Pass 161: Friends / Support deepen ── */
.friend-row {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 28px rgba(0, 0, 0, 0.34),
    0 0 14px rgba(255, 215, 0, 0.06) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px);
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 62% 80% at 0% 50%, rgba(26, 107, 82, 0.38), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 26px rgba(26, 107, 82, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 62% 70% at 0% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.68) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 16px rgba(191, 106, 74, 0.16) !important;
}
.friend-name {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.friend-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.42),
    0 10px 22px rgba(0, 0, 0, 0.4),
    0 0 16px rgba(255, 215, 0, 0.18) !important;
}
.friend-row.is-online .friend-avatar {
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.62),
    0 10px 22px rgba(26, 107, 82, 0.4) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
}
.friend-btn.accept {
  background: linear-gradient(135deg, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.68) !important;
  box-shadow: 0 10px 22px rgba(26, 107, 82, 0.44) !important;
}
.friend-btn.danger {
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.5), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(191, 106, 74, 0.68) !important;
  color: #ffab91 !important;
}
.friend-btn.ghost {
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.friend-search-input {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
}
.friend-empty {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background:
    radial-gradient(ellipse 58% 70% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
}

.sup-toolbar {
  border-radius: 12px;
  margin-bottom: 14px !important;
}
.sup-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.4), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.68) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.28) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 58% 70% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.985), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 16px rgba(255, 215, 0, 0.08) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px);
}
.sup-card.status-open {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.75) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 24px rgba(255, 152, 0, 0.26) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.24) !important;
}
.sup-card.status-closed {
  border-color: rgba(255, 255, 255, 0.28) !important;
}
.sup-icon {
  border-radius: 12px !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.34) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.sup-btn.primary {
  background: linear-gradient(135deg, #ff9800, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.sup-btn.ghost {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  color: rgba(255, 248, 231, 0.92) !important;
}
.sup-pill.in_progress {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.36), rgba(18, 36, 58, 0.8)) !important;
  border: 1px solid rgba(255, 152, 0, 0.68) !important;
  color: #ffcc80 !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .sup-card,
  .friend-btn.primary,
  .friend-btn.invite,
  .sup-btn.primary {
    transition: none !important;
  }
  .friend-row:hover,
  .sup-card:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none;
  }
}

/* ── Pass 162: Season / Achievements deepen ── */
.season-hero {
  background:
    radial-gradient(ellipse 74% 58% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 55%),
    radial-gradient(ellipse 44% 54% at 100% 100%, rgba(255, 152, 0, 0.18), transparent 50%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 40px rgba(0, 0, 0, 0.4),
    0 0 46px rgba(255, 215, 0, 0.2) !important;
}
.season-hero-name {
  letter-spacing: 0.05em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.4) !important;
}
.season-hero-timer {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.36), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 152, 0, 0.68) !important;
  box-shadow: 0 0 22px rgba(255, 152, 0, 0.3) !important;
  font-weight: 800 !important;
}
.season-me {
  background:
    radial-gradient(ellipse 64% 85% at 0% 50%, rgba(26, 107, 82, 0.42), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.34), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(143, 212, 184, 0.7) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 26px rgba(26, 107, 82, 0.26) !important;
}
.season-reward {
  background:
    radial-gradient(ellipse 64% 58% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.season-reward:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.18) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 70% 58% at 50% 0%, rgba(255, 215, 0, 0.38), transparent 55%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.88)) !important;
  box-shadow:
    0 0 26px rgba(255, 215, 0, 0.3),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow:
    0 0 28px rgba(255, 152, 0, 0.36),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
}
.season-board-title {
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.26);
}
.season-row {
  background:
    radial-gradient(ellipse 52% 70% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.season-row:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.16) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 62% 80% at 0% 50%, rgba(255, 215, 0, 0.34), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 58% 75% at 0% 50%, rgba(26, 107, 82, 0.38), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 26px rgba(26, 107, 82, 0.24) !important;
}
.season-row-name {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.season-empty {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background:
    radial-gradient(ellipse 58% 70% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 70% 85% at 0% 50%, rgba(255, 215, 0, 0.3), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 28px rgba(255, 215, 0, 0.18) !important;
}
.achieve-summary-pct {
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.48) !important;
}
.achieve-summary-bar {
  background: rgba(8, 18, 32, 0.96) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 999px !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.34) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.achieve-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 62% 75% at 0% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 28px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.achieve-card.is-locked {
  opacity: 0.92;
  border-color: rgba(255, 215, 0, 0.26) !important;
}
.achieve-icon {
  border-radius: 12px !important;
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.38) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.52) !important;
}
.achieve-title {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
}
.achieve-card.is-unlocked .achieve-title {
  color: #fff8e7 !important;
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.58) !important;
}
.achieve-empty {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background:
    radial-gradient(ellipse 58% 70% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 62% 95% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.32), rgba(8, 16, 32, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.38),
    0 0 36px rgba(255, 215, 0, 0.34),
    0 14px 32px rgba(0, 0, 0, 0.34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward,
  .season-row,
  .achieve-card {
    transition: none !important;
  }
  .season-reward:hover,
  .season-row:hover,
  .achieve-card:hover {
    transform: none;
  }
}

/* ── Pass 163: Clubs / Tournament deepen ── */
.club-toolbar {
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.16), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.36) !important;
}
.club-chip {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 16px rgba(0, 0, 0, 0.26) !important;
}
.club-chip.primary {
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow: 0 0 24px rgba(255, 152, 0, 0.28) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 56% 72% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.985), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 14px rgba(255, 215, 0, 0.06) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.club-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 64% 80% at 0% 50%, rgba(26, 107, 82, 0.4), transparent 55%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.32), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 28px rgba(26, 107, 82, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.club-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.42),
    0 10px 22px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.club-name {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
  color: #fff8e7 !important;
}
.club-btn.join {
  box-shadow:
    0 14px 30px rgba(26, 107, 82, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.club-btn.war {
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(230, 81, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.club-tab.active {
  box-shadow: 0 12px 28px rgba(255, 215, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.38) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.club-war-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.58) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 28px rgba(255, 152, 0, 0.3) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.club-war-score {
  border-radius: 12px !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.26) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 30px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.clubwar-banner.needs-response {
  box-shadow:
    0 0 36px rgba(255, 152, 0, 0.36),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.tr-panel {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 48px rgba(255, 215, 0, 0.18) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 56% 72% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.985), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.tr-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.44),
    0 0 24px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 30px rgba(255, 152, 0, 0.32) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 28px rgba(26, 107, 82, 0.28) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.tr-card-name {
  letter-spacing: 0.04em !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.22) !important;
}
.tr-btn-register:not(:disabled) {
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
}
.tr-btn-view {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
.tr-countdown {
  border-radius: 999px !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.26) !important;
  font-weight: 800 !important;
}
.tr-prize-info {
  border: 1px solid rgba(255, 215, 0, 0.6) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(255, 215, 0, 0.2) !important;
}
.tr-match {
  border: 1px solid rgba(255, 215, 0, 0.36) !important;
  border-radius: 12px !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 24px rgba(255, 152, 0, 0.26) !important;
}
.tr-bracket-champ {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 32px rgba(255, 215, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 34px rgba(255, 152, 0, 0.36),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
.tournament-banner.is-registered {
  box-shadow:
    0 0 28px rgba(26, 107, 82, 0.28),
    inset 3px 0 0 #8fd4b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-card,
  .club-war-card,
  .tr-card {
    transition: none !important;
  }
  .club-card:hover,
  .club-war-card:hover,
  .tr-card:hover {
    transform: none;
  }
  .club-war-card.active,
  .tournament-banner.is-live {
    animation: none !important;
  }
}

/* ── Pass 164: Lobby / Notifications deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.28), transparent 50%),
    radial-gradient(ellipse at 10% 72%, rgba(26, 107, 82, 0.3), transparent 44%),
    radial-gradient(ellipse at 90% 100%, rgba(255, 140, 0, 0.22), transparent 42%),
    linear-gradient(175deg, var(--bg-deep, #060a14) 0%, #0a101c 55%, #071018 100%) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 82% 95% at 8% 50%, rgba(255, 152, 0, 0.4), transparent 55%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.34), rgba(18, 36, 58, 0.7) 40%, rgba(8, 18, 32, 0.97)) !important;
  border: 1px solid rgba(255, 152, 0, 0.7) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.46),
    0 0 42px rgba(255, 152, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.54),
    0 0 48px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.lobby-play-hero .lph-ico {
  border-radius: 14px !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.4) !important;
}
.lobby-mode-toggle {
  border-radius: 14px !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.lobby-btn.create {
  box-shadow:
    0 14px 30px rgba(26, 107, 82, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner,
.liveops-banner {
  background:
    radial-gradient(ellipse 54% 90% at 0% 50%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 32, 0.84)) !important;
  border: 1px solid rgba(255, 215, 0, 0.44) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 28px rgba(0, 0, 0, 0.34) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover,
.liveops-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 8px 16px rgba(255, 215, 0, 0.26) !important;
}
.lobby-cta-title {
  color: #fff8e7 !important;
  letter-spacing: 0.04em;
  font-weight: 800 !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.85)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.22) !important;
  font-weight: 800 !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.58);
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.34),
    0 0 34px rgba(255, 215, 0, 0.3),
    0 14px 32px rgba(0, 0, 0, 0.34) !important;
}

.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.an-menu-btn.is-open {
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.32) !important;
}
.an-menu-panel {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 42px rgba(255, 215, 0, 0.16) !important;
}
.an-menu-panel button:hover {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.28), rgba(255, 215, 0, 0.08)) !important;
}

.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 74% 44% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.997), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 48px rgba(255, 215, 0, 0.16) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.16), transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
}
.notif-mark-all {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.notif-mark-all:hover {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2) !important;
}
.notif-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.36), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.28) !important;
  font-weight: 800 !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.notif-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.16) !important;
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.24) !important;
}
.notif-card.reward.is-unread {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 24px rgba(255, 152, 0, 0.26) !important;
}
.notif-card.club.is-unread {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 26px rgba(255, 215, 0, 0.26) !important;
}
.notif-card.support.is-unread {
  border-color: rgba(255, 152, 0, 0.65) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 22px rgba(255, 152, 0, 0.2) !important;
}
.notif-icon {
  border-radius: 12px !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.32) !important;
}
.notif-title {
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
}
.notif-card.is-unread .notif-title {
  color: #fff8e7 !important;
}
.notif-btn.accept,
.notif-btn.primary {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 12px 28px rgba(230, 81, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  font-weight: 800 !important;
}
.notif-btn.decline {
  border-color: rgba(191, 106, 74, 0.65) !important;
  color: #ffab91 !important;
}
.notif-btn.ghost {
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.notif-empty {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background:
    radial-gradient(ellipse 58% 70% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.75), rgba(8, 18, 32, 0.88)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .daily-banner,
  .tournament-banner,
  .clubwar-banner,
  .piggy-banner,
  .mission-banner,
  .achievement-banner,
  .calendar-banner,
  .wheel-banner,
  .season-banner,
  .liveops-banner,
  .notif-card,
  .an-menu-btn {
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .daily-banner:hover,
  .tournament-banner:hover,
  .mission-banner:hover,
  .season-banner:hover,
  .notif-card:hover {
    transform: none;
  }
}

/* ── Pass 165: Room / Matchmaking / Game-over deepen ── */
.room-card {
  background:
    radial-gradient(ellipse 62% 78% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 56%),
    radial-gradient(ellipse 40% 50% at 100% 100%, rgba(255, 152, 0, 0.1), transparent 50%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.08) !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.42),
    0 0 26px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.26),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 32px rgba(255, 152, 0, 0.32),
    0 14px 32px rgba(0, 0, 0, 0.36) !important;
}
.room-card .seat-dots span.filled {
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.72) !important;
}
.room-btn-join.ready {
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.56),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.settings-btns .btn-create-room {
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.54),
    0 0 24px rgba(255, 152, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.32), transparent 52%),
    radial-gradient(ellipse at 10% 90%, rgba(26, 107, 82, 0.3), transparent 46%),
    radial-gradient(ellipse at 94% 70%, rgba(255, 140, 0, 0.22), transparent 44%),
    rgba(4, 8, 18, 0.95) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 82% 48% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.66) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.2) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.82) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    0 0 48px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.68) !important;
}
.lw-code-wrap {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 30px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.mf-card {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.36),
    0 0 48px rgba(255, 215, 0, 0.36),
    0 14px 44px rgba(0, 0, 0, 0.64) !important;
}

#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 16% 90%, rgba(26, 107, 82, 0.3), transparent 46%),
    radial-gradient(ellipse at 90% 70%, rgba(255, 140, 0, 0.22), transparent 44%),
    rgba(4, 8, 18, 0.95) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 84% 48% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.18) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.38),
    0 0 48px rgba(255, 215, 0, 0.34),
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.go-trophy {
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 28px rgba(255, 215, 0, 0.26) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.26) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.56),
    0 0 24px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 84% 48% at 50% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.2) !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 24px rgba(255, 215, 0, 0.24) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.68) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 22px rgba(26, 107, 82, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  .room-card.is-joinable,
  .room-card.almost-full,
  .mm-card.is-almost,
  .lw-card.is-almost,
  .mf-card,
  #go-overlay.i-won .go-card,
  .go-trophy,
  .re-card {
    animation: none !important;
    transition: none !important;
  }
  .room-card:hover,
  .room-btn-join.ready:hover,
  #go-overlay .btn-again:hover {
    transform: none;
  }
}

/* ── Pass 166: History / Replay deepen ── */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse 62% 46% at 50% 10%, rgba(255, 215, 0, 0.26), transparent 54%),
    radial-gradient(ellipse 44% 40% at 88% 90%, rgba(26, 107, 82, 0.2), transparent 52%),
    radial-gradient(ellipse 36% 34% at 8% 78%, rgba(255, 140, 0, 0.14), transparent 48%),
    rgba(4, 8, 18, 0.95) !important;
}
.hist-panel,
.replay-panel {
  background:
    radial-gradient(ellipse 78% 46% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 56%),
    linear-gradient(168deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.66),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.18) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 215, 0, 0.92) !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.hist-item {
  background:
    radial-gradient(ellipse 52% 70% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.3) !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.hist-item.hist-finish {
  background:
    radial-gradient(ellipse 60% 75% at 0% 50%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.hist-item.hist-self {
  border-color: rgba(143, 212, 184, 0.58) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 22px rgba(26, 107, 82, 0.2) !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.36), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 12px 28px rgba(255, 215, 0, 0.24) !important;
}
.hist-btn-replay {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.54),
    0 0 22px rgba(255, 152, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.hist-btn-share {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow: 0 10px 22px rgba(255, 215, 0, 0.22) !important;
}

.replay-item {
  background:
    radial-gradient(ellipse 50% 65% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
}
.replay-item.replay-active {
  background:
    radial-gradient(ellipse 60% 75% at 0% 50%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.replay-progress {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.45),
    0 0 14px rgba(255, 215, 0, 0.12) !important;
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.65), 0 0 12px rgba(255, 152, 0, 0.48) !important;
}
.replay-btn {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
}
.replay-btn:hover:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.38), 0 0 18px rgba(255, 215, 0, 0.18) !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 12px 30px rgba(255, 215, 0, 0.52) !important;
}
.replay-close {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .hist-item.hist-finish,
  .hist-item.hist-self,
  .replay-item.replay-active,
  .replay-progress-bar,
  .hist-btn-replay,
  .replay-btn.active {
    animation: none !important;
    transition: none !important;
  }
  .hist-item:hover,
  .hist-btn-replay:hover,
  .replay-btn:hover:not(:disabled) {
    transform: none;
  }
}

/* ── Pass 167: Chat / Gift / table dock deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 82% 48% at 50% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.22) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.2), transparent 74%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.4) !important;
}
.chat-head-title {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.36) !important;
}
.chat-head button,
.panel-ico-btn {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.chat-empty {
  border-color: rgba(255, 215, 0, 0.52) !important;
  background:
    radial-gradient(ellipse 58% 70% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.78), rgba(8, 18, 32, 0.9)) !important;
}
.chat-line {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 20px rgba(0, 0, 0, 0.3) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    inset -3px 0 0 #8fd4b8,
    0 0 24px rgba(26, 107, 82, 0.24) !important;
}
.chat-line.gift {
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 26px rgba(255, 152, 0, 0.28) !important;
}
.chat-quick button {
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 14px rgba(0, 0, 0, 0.28) !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 0 20px rgba(255, 215, 0, 0.24),
    0 12px 22px rgba(0, 0, 0, 0.34) !important;
}
.chat-input-row input {
  border-color: rgba(255, 215, 0, 0.46) !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.24) !important;
}
.chat-input-row .chat-send {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 32px rgba(230, 81, 0, 0.54),
    0 0 22px rgba(255, 152, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.gift-targets button {
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.gift-targets button.active {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 28px rgba(255, 215, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.gift-grid button {
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.82) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 152, 0, 0.32) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.72) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.42),
    0 0 16px rgba(255, 215, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 26px rgba(255, 215, 0, 0.28),
    0 14px 28px rgba(0, 0, 0, 0.44) !important;
}
#btn-chat.has-unread {
  border-color: rgba(255, 152, 0, 0.84) !important;
  box-shadow:
    0 0 28px rgba(255, 152, 0, 0.38),
    0 12px 26px rgba(0, 0, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line.me,
  .chat-line.gift,
  .gift-grid button,
  .gift-targets button.active,
  #btn-chat.has-unread,
  .chat-send {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover,
  .chat-send:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none;
  }
}

/* ── Pass 168: Spectator HUD / live list deepen ── */
#spectator-banner {
  background:
    radial-gradient(ellipse 58% 180% at 50% -30%, rgba(255, 215, 0, 0.42), transparent 58%),
    linear-gradient(90deg,
      rgba(4, 12, 24, 0.998),
      rgba(20, 48, 74, 0.998) 48%,
      rgba(4, 12, 24, 0.998)) !important;
  border-bottom-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 215, 0, 0.32),
    0 0 48px rgba(255, 215, 0, 0.22) !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(14, 30, 50, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.75) !important;
  box-shadow:
    0 2px 20px rgba(255, 215, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#spectator-banner .spec-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.45),
    0 0 24px rgba(255, 215, 0, 0.95) !important;
}

#game.is-spectating #topbar {
  box-shadow:
    inset 0 -1px 0 rgba(255, 215, 0, 0.36),
    0 0 34px rgba(255, 215, 0, 0.16) !important;
}
#game.is-spectating #topbar .tb-chip {
  border-color: rgba(255, 215, 0, 0.5) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
#game.is-spectating #rack-container {
  background:
    radial-gradient(ellipse 70% 92% at 50% 35%, rgba(255, 215, 0, 0.24), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.84), rgba(6, 14, 26, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 0 0 36px rgba(255, 215, 0, 0.14),
    0 14px 32px rgba(0, 0, 0, 0.4) !important;
}
#game.is-spectating #rack-container::after {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 215, 0, 0.26) !important;
}

.spect-row {
  background:
    radial-gradient(ellipse 64% 95% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 54%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.44),
    0 0 32px rgba(255, 215, 0, 0.24) !important;
}
.spect-live {
  background: linear-gradient(135deg, rgba(40, 150, 110, 0.99), rgba(12, 58, 44, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.75) !important;
  box-shadow: 0 0 20px rgba(46, 160, 120, 0.48) !important;
}
.spect-elo {
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.48) !important;
}
.spect-watch {
  box-shadow:
    0 12px 26px rgba(230, 81, 0, 0.54),
    0 0 20px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.spect-watch:hover {
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.62),
    0 0 28px rgba(255, 152, 0, 0.48) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live i,
  .spect-row,
  .spect-watch,
  #game.is-spectating #rack-container {
    animation: none !important;
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 169: Masa düzeni — orta alan büyük, aksiyonlar sağda, Bitir ıstakada ── */
/* Orta alan: daha geniş, daha aşağıda */
#middle {
  grid-template-columns: minmax(58px, 80px) minmax(0, 1fr) minmax(58px, 80px) !important;
}
#center-board {
  margin-top: 14px !important;
  justify-content: flex-end !important;
}
.center-stage {
  min-height: 176px !important;
  flex: 1 1 auto !important;
}
.center-panel.opened-panel {
  flex: 1 1 auto !important;
}

/* Çek / Al / At — sağa yaslı, küçük */
#actions {
  padding: 4px 10px 8px !important;
}
#actions .actions-primary {
  max-width: 300px !important;
  margin: 0 0 0 auto !important;
  padding: 4px !important;
}
#actions .btn {
  min-height: 40px !important;
  padding: 5px 4px !important;
  font-size: 10px !important;
}
#actions .btn .icon svg {
  width: 15px;
  height: 15px;
}

/* Bitir — ıstaka başlığında, Per Diz / Çift Diz yanında */
.rack-arrange-btn.finish {
  border-color: rgba(255, 215, 0, 0.6) !important;
  color: #ffe082 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.26), rgba(18, 36, 58, 0.92)) !important;
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.3),
    0 0 14px rgba(255, 215, 0, 0.14) !important;
  font-weight: 800 !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 8px 20px rgba(230, 81, 0, 0.5),
    0 0 18px rgba(255, 152, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.rack-arrange-btn.finish:not(:disabled):hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 10px 24px rgba(230, 81, 0, 0.58),
    0 0 24px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:disabled {
  opacity: 0.42;
  cursor: default;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn.finish,
  #actions .actions-primary .btn {
    transition: none !important;
    animation: none !important;
  }
  .rack-arrange-btn.finish:hover {
    transform: none;
  }
}

/* ── Pass 170: Topbar / Turn status deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 58% 160% at 0% 50%, rgba(255, 215, 0, 0.24), transparent 56%),
    radial-gradient(ellipse 42% 120% at 100% 50%, rgba(255, 152, 0, 0.14), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.99), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 42px rgba(255, 215, 0, 0.16) !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 6px 14px rgba(0, 0, 0, 0.3) !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 26px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.82) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.58), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 22px rgba(26, 107, 82, 0.52) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.82) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.42), rgba(42, 22, 10, 0.92)) !important;
  box-shadow: 0 0 20px rgba(255, 106, 0, 0.42) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.6) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.28), rgba(18, 36, 58, 0.94)) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #b5a894,
    0 10px 18px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(255, 215, 0, 0.22) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 3px 0 #c9a227,
    0 10px 18px rgba(212, 175, 55, 0.52),
    0 0 28px rgba(255, 215, 0, 0.46) !important;
}

#turn-banner {
  background:
    radial-gradient(ellipse 60% 120% at 10% 50%, rgba(255, 215, 0, 0.18), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 30px rgba(0, 0, 0, 0.4) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 72% 150% at 18% 50%, rgba(255, 215, 0, 0.38), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.4),
    0 12px 32px rgba(0, 0, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 70% 150% at 18% 50%, rgba(255, 106, 0, 0.48), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.44), rgba(42, 18, 8, 0.98)) !important;
  border-color: rgba(255, 138, 0, 0.92) !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.42),
    0 12px 32px rgba(0, 0, 0, 0.44),
    0 0 48px rgba(255, 106, 0, 0.48) !important;
}
#turn-banner.mine .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.45),
    0 0 20px rgba(255, 215, 0, 0.95) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.5),
    0 0 20px rgba(255, 138, 0, 1) !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 2px 14px rgba(255, 215, 0, 0.32) !important;
}
#turn-banner.urgent .tb-tag {
  background: linear-gradient(145deg, rgba(255, 138, 0, 0.42), rgba(42, 18, 8, 0.9)) !important;
  border-color: rgba(255, 138, 0, 0.72) !important;
}
#turn-banner .tb-timer {
  border-color: rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
}
#turn-banner.mine .tb-timer.normal {
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.34) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
}
#turn-banner .tb-bar {
  border-color: rgba(255, 215, 0, 0.36) !important;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffe082, #ffd700) !important;
  box-shadow: 0 0 16px rgba(143, 212, 184, 0.65) !important;
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 16px rgba(255, 106, 0, 0.72) !important;
}

@media (prefers-reduced-motion: reduce) {
  #topbar .tb-chip.tb-room,
  #topbar .tb-chip.tb-rem.can-draw,
  #turn-banner.mine,
  #turn-banner.urgent,
  #turn-banner.mine .tb-dot,
  #turn-banner.urgent .tb-dot {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 171: Opponent cards deepen ── */
.opp-card {
  background:
    radial-gradient(ellipse 68% 60% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 28px rgba(255, 215, 0, 0.14) !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 32px rgba(255, 215, 0, 0.22) !important;
}
.opp-card.active {
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(255, 215, 0, 0.46), transparent 58%),
    linear-gradient(165deg, rgba(32, 56, 82, 0.99), rgba(10, 18, 34, 0.998)) !important;
  border-color: var(--gold-bright, #ffd700) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.55),
    0 0 0 3px rgba(212, 175, 55, 0.65),
    0 0 48px rgba(255, 215, 0, 0.58),
    0 14px 36px rgba(0, 0, 0, 0.46) !important;
}
.opp-card.offline {
  background:
    radial-gradient(ellipse 62% 52% at 0% 50%, rgba(191, 106, 74, 0.38), transparent 56%),
    linear-gradient(165deg, rgba(52, 30, 24, 0.75), rgba(8, 12, 20, 0.98)) !important;
  border-color: rgba(191, 106, 74, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(191, 106, 74, 0.24) !important;
}
.opp-card .avatar {
  box-shadow:
    0 0 0 2px var(--gold, #d4af37),
    0 8px 16px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 215, 0, 0.28) !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px var(--gold-bright, #ffd700),
    0 0 36px rgba(255, 215, 0, 0.95),
    0 8px 18px rgba(0, 0, 0, 0.5) !important;
}
.opp-card.active .name {
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.52) !important;
}
.opp-card .tile-back {
  background: linear-gradient(145deg, #34a888, #2a9478, #1b6b52, #0e3f32) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow:
    0 6px 16px rgba(255, 215, 0, 0.62),
    0 0 16px rgba(255, 215, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.opp-card.thinking .turn-chip {
  box-shadow:
    0 6px 18px rgba(255, 215, 0, 0.7),
    0 0 24px rgba(255, 215, 0, 0.46) !important;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn171 0.55s ease-out !important;
}
@keyframes oppDrawFlashAn171 {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.72), 0 14px 34px rgba(0, 0, 0, 0.44); }
  40% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.55), 0 0 42px rgba(255, 215, 0, 0.58); }
  100% { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.1); }
}
#opp-top .opp-card {
  background:
    radial-gradient(ellipse 52% 150% at 0% 50%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 22px rgba(255, 215, 0, 0.12) !important;
}
#opp-top .opp-card.active {
  box-shadow:
    0 0 0 2px rgba(212, 175, 55, 0.65),
    0 0 38px rgba(255, 215, 0, 0.5),
    0 14px 30px rgba(0, 0, 0, 0.44) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card.active,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip,
  .opp-card.draw-flash {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  #opp-top .opp-card:hover {
    transform: none;
  }
}

/* ── Pass 172: Center board / Discard deepen ── */
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.36), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 26px rgba(255, 215, 0, 0.2) !important;
}
.center-panel {
  background:
    radial-gradient(ellipse 68% 55% at 50% 0%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 22, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 32px rgba(255, 215, 0, 0.14) !important;
}
.panel-caption {
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.36) !important;
}
.set-group {
  background:
    radial-gradient(ellipse 62% 72% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.24) !important;
}
.set-group.mine {
  background:
    radial-gradient(ellipse 62% 72% at 0% 0%, rgba(143, 212, 184, 0.38), transparent 52%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.56), rgba(8, 16, 28, 0.95)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.5),
    0 12px 26px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(26, 107, 82, 0.28) !important;
}
.set-group.just-opened {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.68),
    0 14px 36px rgba(255, 215, 0, 0.38),
    0 0 34px rgba(255, 215, 0, 0.28) !important;
}

.discard-panel {
  background:
    radial-gradient(ellipse 64% 52% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.78), rgba(6, 12, 22, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 215, 0, 0.1) !important;
}
.discard-panel.can-pick {
  border-color: rgba(143, 212, 184, 0.88) !important;
  background:
    radial-gradient(ellipse 70% 62% at 50% 0%, rgba(26, 107, 82, 0.5), transparent 56%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.52), rgba(8, 16, 28, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.55),
    0 0 38px rgba(26, 107, 82, 0.42),
    0 14px 32px rgba(0, 0, 0, 0.4) !important;
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96) inset,
    0 5px 0 #b5a894,
    0 14px 34px rgba(0, 0, 0, 0.52),
    0 0 26px rgba(255, 215, 0, 0.26) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.7),
    0 0 36px rgba(26, 107, 82, 0.62),
    0 14px 28px rgba(0, 0, 0, 0.44) !important;
}
#discard-pile.drop-hover {
  outline-color: rgba(255, 152, 0, 0.85);
  box-shadow: 0 0 34px rgba(255, 152, 0, 0.5) !important;
}
.deck-panel {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.76), rgba(6, 12, 22, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
}
.deck-panel.can-draw {
  border-color: rgba(143, 212, 184, 0.8) !important;
  background:
    radial-gradient(ellipse 66% 58% at 50% 0%, rgba(26, 107, 82, 0.44), transparent 56%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.48), rgba(8, 16, 28, 0.92)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.48),
    0 0 34px rgba(26, 107, 82, 0.36),
    0 12px 28px rgba(0, 0, 0, 0.36) !important;
}
#chip-display {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 10px 22px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 22px rgba(255, 215, 0, 0.18) !important;
}

@media (prefers-reduced-motion: reduce) {
  .set-group.mine,
  .set-group.just-opened,
  .discard-panel.can-pick,
  .deck-panel.can-draw,
  #discard-pile.can-pick .mini-tile.discard-top,
  #chip-display {
    animation: none !important;
    transition: none !important;
  }
  .set-group:hover {
    transform: none;
  }
}

/* ── Pass 173: Store / Profile deepen ── */
.shop-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 80% 46% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    radial-gradient(ellipse 50% 40% at 92% 95%, rgba(255, 152, 0, 0.2), transparent 52%),
    linear-gradient(180deg, rgba(16, 32, 54, 0.998), rgba(6, 12, 24, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.shop-header {
  border-bottom-color: rgba(255, 215, 0, 0.4) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 0 30px rgba(255, 215, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.shop-tab.active,
.shop-chip.active {
  box-shadow:
    0 12px 28px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}
.shop-card {
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 215, 0, 0.1) !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 152, 0, 0.26) !important;
}
.shop-card-btn.buy {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.58),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.shop-card-btn.equip {
  border-color: rgba(143, 212, 184, 0.78) !important;
  box-shadow: 0 10px 22px rgba(26, 107, 82, 0.42) !important;
}
.shop-vip-note {
  background:
    radial-gradient(ellipse 62% 95% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.shop-section-title {
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.32) !important;
}

.profile-hero {
  background:
    radial-gradient(ellipse 86% 60% at 12% 0%, rgba(255, 215, 0, 0.44), transparent 56%),
    radial-gradient(ellipse 56% 50% at 92% 88%, rgba(255, 152, 0, 0.26), transparent 52%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 48px rgba(255, 215, 0, 0.26) !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.6),
    0 14px 40px rgba(0, 0, 0, 0.54),
    0 0 40px rgba(255, 215, 0, 0.38) !important;
}
.profile-chips {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 40px rgba(0, 0, 0, 0.44),
    0 0 36px rgba(255, 215, 0, 0.26) !important;
}
.profile-btn {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.58),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.profile-stat {
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.34) !important;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 26px rgba(255, 215, 0, 0.22) !important;
}
.profile-level {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36), 0 0 24px rgba(255, 215, 0, 0.16) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.78) !important;
}
.profile-link {
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32) !important;
}
.profile-link:hover {
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.4),
    0 0 24px rgba(255, 215, 0, 0.24) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card.store-pack,
  .shop-card-btn.buy,
  .profile-btn,
  .profile-hero,
  .profile-level-fill {
    animation: none !important;
    transition: none !important;
  }
  .shop-card:hover,
  .profile-stat:hover,
  .profile-link:hover {
    transform: none;
  }
}

/* ── Pass 174: Settings / Wheel deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 68% 100% at 0% 50%, rgba(255, 152, 0, 0.46), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.42), rgba(8, 16, 32, 0.84)) !important;
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 32px rgba(255, 152, 0, 0.28) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 76% 100% at 0% 50%, rgba(255, 215, 0, 0.46), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.44), rgba(8, 16, 32, 0.78)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.42),
    0 0 42px rgba(255, 152, 0, 0.4),
    0 14px 36px rgba(0, 0, 0, 0.42) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 50% 46% at 90% 92%, rgba(255, 152, 0, 0.26), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 48px rgba(255, 215, 0, 0.26) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.5),
    0 14px 44px rgba(0, 0, 0, 0.54) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 0 28px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.wheel-seg {
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.32) !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.4),
    0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
}
.wheel-spin-btn:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.62),
    0 0 26px rgba(255, 152, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-empty {
  border-color: rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.78), rgba(8, 18, 32, 0.88)) !important;
}

.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 78% 46% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.66),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.18) !important;
}
.settings-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.36) !important;
}
.settings-options .opt-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
}
.settings-options .opt-btn:hover {
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36), 0 0 18px rgba(255, 215, 0, 0.16) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 0 28px rgba(255, 215, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.settings-btns .btn-create-room {
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.56),
    0 0 24px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.settings-row input[type=text] {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.26) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-banner.is-ready,
  .wheel-panel.is-ready,
  .wheel-spin-btn:not(:disabled),
  .settings-options .opt-btn.selected {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .settings-options .opt-btn:hover {
    transform: none;
  }
}

/* ── Pass 175: Leaderboard / Missions deepen ── */
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 68% 100% at 0% 50%, rgba(255, 215, 0, 0.46), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.38), rgba(8, 16, 32, 0.84)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.42),
    0 0 42px rgba(255, 215, 0, 0.4),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 68% 95% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(255, 215, 0, 0.18) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.75) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.38),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 64% 75% at 0% 0%, rgba(143, 212, 184, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.mission-icon {
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.5) !important;
}
.mission-reward {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.8)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 76% 62% at 50% 0%, rgba(255, 152, 0, 0.44), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    0 0 34px rgba(255, 152, 0, 0.34),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}
.mission-btn {
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.58),
    0 0 24px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

#lb-overlay {
  background:
    radial-gradient(ellipse 80% 52% at 50% 12%, rgba(255, 215, 0, 0.32), transparent 56%),
    rgba(4, 8, 18, 0.97) !important;
}
.lb-panel {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.2) !important;
}
.lb-tabs {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.lb-tab.active {
  box-shadow:
    0 12px 28px rgba(255, 215, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 54% 95% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 26px rgba(255, 215, 0, 0.22) !important;
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 64% 95% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 32px rgba(255, 215, 0, 0.34) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.78) !important;
  box-shadow: inset 3px 0 0 #b0bec5, 0 12px 26px rgba(0, 0, 0, 0.34) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.78) !important;
  box-shadow: inset 3px 0 0 #cd7f32, 0 12px 26px rgba(0, 0, 0, 0.34) !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 64% 95% at 0% 50%, rgba(26, 107, 82, 0.44), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.36), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.32) !important;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 54% 100% at 0% 50%, rgba(143, 212, 184, 0.44), transparent 56%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.78) !important;
  box-shadow: inset 3px 0 0 #8fd4b8, 0 14px 30px rgba(0, 0, 0, 0.34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card.is-done,
  .mission-banner.claim-ready,
  .lb-row.top1,
  .lb-row.is-me,
  .mission-btn {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .lb-row:hover {
    transform: none;
  }
}

/* ── Pass 176: Friends / Support deepen ── */
.friend-row {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 32px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 215, 0, 0.12) !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 30px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 64% 80% at 0% 50%, rgba(26, 107, 82, 0.46), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.8) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 64% 75% at 0% 0%, rgba(255, 215, 0, 0.44), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.8) !important;
  box-shadow:
    inset 3px 0 0 #bf6a4a,
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 22px rgba(191, 106, 74, 0.24) !important;
}
.friend-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.52),
    0 12px 24px rgba(0, 0, 0, 0.44),
    0 0 20px rgba(255, 215, 0, 0.24) !important;
}
.friend-row.is-online .friend-avatar {
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.72),
    0 12px 24px rgba(26, 107, 82, 0.48) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.58),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.friend-btn.accept {
  box-shadow: 0 12px 26px rgba(26, 107, 82, 0.52) !important;
}
.friend-search-input {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.28) !important;
}
.friend-empty {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 62% 75% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.82), rgba(8, 18, 32, 0.92)) !important;
}

.sup-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.5), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow: 0 0 24px rgba(255, 152, 0, 0.36) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 62% 75% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.14) !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.sup-card.status-open {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.86) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 32px rgba(255, 152, 0, 0.36) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.32) !important;
}
.sup-icon {
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.42) !important;
}
.sup-btn.primary {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.6),
    0 0 24px rgba(255, 152, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.sup-btn.ghost {
  border-color: rgba(255, 215, 0, 0.52) !important;
}
.sup-pill.in_progress {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.46), rgba(18, 36, 58, 0.84)) !important;
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row.is-online,
  .friend-row.request,
  .sup-card.status-open,
  .sup-card.status-in_progress,
  .friend-btn.primary,
  .sup-btn.primary {
    animation: none !important;
    transition: none !important;
  }
  .friend-row:hover,
  .sup-card:hover {
    transform: none;
  }
}

/* ── Pass 177: Season / Achievements deepen ── */
.season-hero {
  background:
    radial-gradient(ellipse 78% 62% at 50% 0%, rgba(255, 215, 0, 0.44), transparent 56%),
    radial-gradient(ellipse 48% 58% at 100% 100%, rgba(255, 152, 0, 0.26), transparent 52%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.46),
    0 0 48px rgba(255, 215, 0, 0.28) !important;
}
.season-hero-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.52) !important;
}
.season-hero-timer {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.46), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow: 0 0 28px rgba(255, 152, 0, 0.4) !important;
}
.season-me {
  background:
    radial-gradient(ellipse 68% 90% at 0% 50%, rgba(26, 107, 82, 0.5), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(26, 107, 82, 0.34) !important;
}
.season-reward {
  background:
    radial-gradient(ellipse 68% 62% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.season-reward:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.26) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.84) !important;
  background:
    radial-gradient(ellipse 74% 62% at 50% 0%, rgba(255, 215, 0, 0.46), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.36), rgba(18, 36, 58, 0.9)) !important;
  box-shadow:
    0 0 34px rgba(255, 215, 0, 0.4),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    0 0 36px rgba(255, 152, 0, 0.44),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.season-row {
  background:
    radial-gradient(ellipse 58% 75% at 0% 50%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.season-row:hover {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.24) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 64% 85% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 64% 80% at 0% 50%, rgba(26, 107, 82, 0.46), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.36), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.32) !important;
}
.season-empty {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 62% 75% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.82), rgba(8, 18, 32, 0.92)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 74% 90% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 40px rgba(0, 0, 0, 0.42),
    0 0 36px rgba(255, 215, 0, 0.26) !important;
}
.achieve-summary-pct {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.8) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.38),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.achieve-card:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 30px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 64% 80% at 0% 0%, rgba(255, 215, 0, 0.44), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 36px rgba(255, 215, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  box-shadow: 0 14px 28px rgba(255, 215, 0, 0.62) !important;
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7) !important;
}
.achieve-empty {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 62% 75% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.82), rgba(8, 18, 32, 0.92)) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 68% 100% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.4), rgba(8, 16, 32, 0.84)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.44),
    0 0 44px rgba(255, 215, 0, 0.42),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward.unlocked,
  .season-reward.next,
  .season-row.is-top,
  .season-row.is-me,
  .achieve-card.is-unlocked,
  .achievement-banner.claim-ready {
    animation: none !important;
    transition: none !important;
  }
  .season-reward:hover,
  .season-row:hover,
  .achieve-card:hover {
    transform: none;
  }
}

/* ── Pass 178: Clubs / Tournament deepen ── */
.club-toolbar {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 74%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.48) !important;
}
.club-chip {
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 20px rgba(0, 0, 0, 0.3) !important;
}
.club-chip.primary {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.6),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.84) !important;
  box-shadow: 0 0 30px rgba(255, 152, 0, 0.38) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 62% 78% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 215, 0, 0.12) !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 68% 85% at 0% 50%, rgba(26, 107, 82, 0.48), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.4), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 34px rgba(26, 107, 82, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.club-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.54),
    0 12px 26px rgba(255, 215, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.club-btn.join {
  box-shadow:
    0 14px 34px rgba(26, 107, 82, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.club-btn.war {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.6),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.club-tab.active {
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}
.club-war-card:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 36px rgba(255, 152, 0, 0.4) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.club-war-score {
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.36) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.clubwar-banner.needs-response {
  box-shadow:
    0 0 42px rgba(255, 152, 0, 0.44),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

.tr-panel {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.64),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.24) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 62% 78% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 30px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 38px rgba(255, 152, 0, 0.4) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 34px rgba(26, 107, 82, 0.36) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.tr-card-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.32) !important;
}
.tr-btn-register:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.62),
    0 0 24px rgba(255, 152, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.tr-btn-view {
  border-color: rgba(255, 215, 0, 0.6) !important;
}
.tr-countdown {
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.36) !important;
}
.tr-prize-info {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.28) !important;
}
.tr-match {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 30px rgba(255, 152, 0, 0.34) !important;
}
.tr-bracket-champ {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 42px rgba(255, 152, 0, 0.44),
    inset 3px 0 0 #ff9800,
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}
.tournament-banner.is-registered {
  box-shadow:
    0 0 34px rgba(26, 107, 82, 0.36),
    inset 3px 0 0 #8fd4b8,
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

@media (prefers-reduced-motion: reduce) {
  .club-card.is-mine,
  .club-war-card.active,
  .club-war-card.pending,
  .tr-card.status-in_progress,
  .tr-card.is-registered,
  .club-chip.primary,
  .tr-btn-register:not(:disabled) {
    animation: none !important;
    transition: none !important;
  }
  .club-card:hover,
  .club-war-card:hover,
  .tr-card:hover {
    transform: none;
  }
}

/* ── Pass 179: Lobby / Notifications deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.36), transparent 52%),
    radial-gradient(ellipse at 10% 72%, rgba(26, 107, 82, 0.38), transparent 46%),
    radial-gradient(ellipse at 90% 100%, rgba(255, 140, 0, 0.3), transparent 44%),
    linear-gradient(175deg, var(--bg-deep, #060a14) 0%, #0a101c 55%, #071018 100%) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 86% 100% at 8% 50%, rgba(255, 152, 0, 0.5), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.74) 40%, rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 152, 0, 0.82) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.54),
    0 0 48px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.62),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.5) !important;
}
.lobby-mode-toggle {
  border-color: rgba(255, 215, 0, 0.54) !important;
}
.lobby-mode-btn.active {
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.lobby-btn.create {
  box-shadow:
    0 14px 34px rgba(26, 107, 82, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner,
.liveops-banner {
  background:
    radial-gradient(ellipse 58% 95% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 32px rgba(0, 0, 0, 0.38),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover,
.liveops-banner:hover {
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.34) !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.3) !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.7);
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.42),
    0 0 42px rgba(255, 215, 0, 0.4),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}

.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 10px 20px rgba(0, 0, 0, 0.32) !important;
}
.an-menu-btn.is-open {
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.42) !important;
}
.an-menu-panel {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.22) !important;
}
.an-menu-panel button:hover {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.36), rgba(255, 215, 0, 0.12)) !important;
}

.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 78% 48% at 50% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 48px rgba(255, 215, 0, 0.22) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 72%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.42) !important;
}
.notif-mark-all {
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 20px rgba(0, 0, 0, 0.28) !important;
}
.notif-mark-all:hover {
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.28) !important;
}
.notif-count b {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.46), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow: 0 0 24px rgba(255, 152, 0, 0.36) !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.notif-card:hover {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.44),
    0 0 26px rgba(255, 215, 0, 0.24) !important;
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 30px rgba(255, 215, 0, 0.28) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.32) !important;
}
.notif-card.reward.is-unread {
  border-color: rgba(255, 152, 0, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 32px rgba(255, 152, 0, 0.36) !important;
}
.notif-card.club.is-unread {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 30px rgba(255, 215, 0, 0.3) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.notif-card.support.is-unread {
  border-color: rgba(255, 152, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 #ff8f00,
    0 0 30px rgba(255, 152, 0, 0.3) !important;
}
.notif-icon {
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.36) !important;
}
.notif-btn.accept,
.notif-btn.primary {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.58),
    0 0 22px rgba(255, 152, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.notif-empty {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 62% 75% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.82), rgba(8, 18, 32, 0.92)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .daily-banner.is-ready,
  .notif-card.is-unread,
  .lobby-cta-action,
  .notif-btn.accept {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .daily-banner:hover,
  .notif-card:hover {
    transform: none;
  }
}

/* ── Pass 180: Room / Matchmaking / Game-over deepen ── */
.room-card {
  background:
    radial-gradient(ellipse 68% 82% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    radial-gradient(ellipse 44% 54% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.995), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.4),
    0 0 24px rgba(255, 215, 0, 0.14) !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 34px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.room-card.is-joinable {
  border-color: rgba(143, 212, 184, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.34),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}
.room-card.almost-full {
  border-color: rgba(255, 183, 77, 0.92) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 40px rgba(255, 152, 0, 0.4),
    0 14px 36px rgba(0, 0, 0, 0.4) !important;
}
.room-card .seat-dots span.filled {
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.84) !important;
}
.room-btn-join.ready {
  box-shadow:
    0 14px 38px rgba(230, 81, 0, 0.64),
    0 0 28px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.settings-btns .btn-create-room {
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.62),
    0 0 30px rgba(255, 152, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.4), transparent 54%),
    radial-gradient(ellipse at 10% 90%, rgba(26, 107, 82, 0.38), transparent 48%),
    radial-gradient(ellipse at 94% 70%, rgba(255, 140, 0, 0.3), transparent 46%),
    rgba(4, 8, 18, 0.97) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.28) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.8) !important;
}
.lw-code-wrap {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.mf-card {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.44),
    0 0 48px rgba(255, 215, 0, 0.44),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}

#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.5), transparent 54%),
    radial-gradient(ellipse at 16% 90%, rgba(26, 107, 82, 0.38), transparent 48%),
    radial-gradient(ellipse at 90% 70%, rgba(255, 140, 0, 0.3), transparent 46%),
    rgba(4, 8, 18, 0.97) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 88% 52% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.26) !important;
}
#go-overlay.i-won .go-card {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.46),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.go-trophy {
  box-shadow: 0 14px 42px rgba(255, 215, 0, 0.52) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.34) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.64),
    0 0 28px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 88% 52% at 50% 0%, rgba(255, 215, 0, 0.38), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.28) !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 30px rgba(255, 215, 0, 0.32) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.8) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 28px rgba(26, 107, 82, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .room-card.is-joinable,
  .room-card.almost-full,
  .mm-card.is-almost,
  .lw-card.is-almost,
  .mf-card,
  #go-overlay.i-won .go-card,
  .go-trophy,
  .re-card,
  .room-btn-join.ready {
    animation: none !important;
    transition: none !important;
  }
  .room-card:hover {
    transform: none;
  }
}

/* ── Pass 181: History / Replay deepen ── */
#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse 68% 50% at 50% 10%, rgba(255, 215, 0, 0.34), transparent 56%),
    radial-gradient(ellipse 48% 44% at 88% 90%, rgba(26, 107, 82, 0.28), transparent 54%),
    radial-gradient(ellipse 40% 38% at 8% 78%, rgba(255, 140, 0, 0.22), transparent 50%),
    rgba(4, 8, 18, 0.97) !important;
}
.hist-panel,
.replay-panel {
  background:
    radial-gradient(ellipse 82% 50% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(168deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.24) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.52);
}
.hist-item {
  background:
    radial-gradient(ellipse 58% 75% at 0% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(255, 215, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.hist-item.hist-finish {
  background:
    radial-gradient(ellipse 64% 80% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.hist-item.hist-self {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 28px rgba(26, 107, 82, 0.28) !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.44), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.32) !important;
}
.hist-btn-replay {
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.62),
    0 0 26px rgba(255, 152, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.hist-btn-share {
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow: 0 12px 26px rgba(255, 215, 0, 0.28) !important;
}

.replay-item {
  background:
    radial-gradient(ellipse 56% 70% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
}
.replay-item.replay-active {
  background:
    radial-gradient(ellipse 64% 80% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 3px 0 0 var(--gold-bright, #ffd700),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}
.replay-progress {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 215, 0, 0.2) !important;
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.75), 0 0 16px rgba(255, 152, 0, 0.55) !important;
}
.replay-btn {
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 20px rgba(0, 0, 0, 0.28) !important;
}
.replay-btn:hover:not(:disabled) {
  border-color: rgba(255, 215, 0, 0.76) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42), 0 0 24px rgba(255, 215, 0, 0.26) !important;
}
.replay-btn.active {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow: 0 14px 34px rgba(255, 215, 0, 0.62) !important;
}
.replay-close {
  border-color: rgba(255, 215, 0, 0.54) !important;
}

@media (prefers-reduced-motion: reduce) {
  .hist-item.hist-finish,
  .hist-item.hist-self,
  .replay-item.replay-active,
  .replay-progress-bar,
  .hist-btn-replay,
  .replay-btn.active {
    animation: none !important;
    transition: none !important;
  }
  .hist-item:hover,
  .replay-btn:hover:not(:disabled) {
    transform: none;
  }
}

/* ── Pass 182: Chat / Gift / table dock deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.38), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.28), transparent 74%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.52) !important;
}
.chat-head-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.48) !important;
}
.chat-head button,
.panel-ico-btn {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 10px 20px rgba(0, 0, 0, 0.32) !important;
}
.chat-empty {
  border-color: rgba(255, 215, 0, 0.64) !important;
  background:
    radial-gradient(ellipse 62% 75% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.84), rgba(8, 18, 32, 0.92)) !important;
}
.chat-line {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.82) !important;
  box-shadow:
    inset -3px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.32) !important;
}
.chat-line.gift {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 34px rgba(255, 152, 0, 0.36) !important;
}
.chat-quick button {
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 18px rgba(0, 0, 0, 0.32) !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 0 26px rgba(255, 215, 0, 0.32),
    0 14px 26px rgba(0, 0, 0, 0.38) !important;
}
.chat-input-row input {
  border-color: rgba(255, 215, 0, 0.58) !important;
}
.chat-input-row input:focus {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.3) !important;
}
.chat-input-row .chat-send {
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.62),
    0 0 26px rgba(255, 152, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.gift-targets button {
  border-color: rgba(255, 215, 0, 0.52) !important;
}
.gift-targets button.active {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 0 34px rgba(255, 215, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.gift-grid button {
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 34px rgba(255, 152, 0, 0.4) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.84) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.46),
    0 0 22px rgba(255, 215, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 0 32px rgba(255, 215, 0, 0.36),
    0 14px 32px rgba(0, 0, 0, 0.48) !important;
}
#btn-chat.has-unread {
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    0 0 34px rgba(255, 152, 0, 0.46),
    0 14px 30px rgba(0, 0, 0, 0.46) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line.me,
  .chat-line.gift,
  .gift-grid button,
  .gift-targets button.active,
  #btn-chat.has-unread,
  .chat-send {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .gift-grid button:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none;
  }
}

/* ── Pass 183: Spectator HUD / live list deepen ── */
#spectator-banner {
  background:
    radial-gradient(ellipse 64% 190% at 50% -30%, rgba(255, 215, 0, 0.52), transparent 58%),
    linear-gradient(90deg,
      rgba(4, 12, 24, 0.998),
      rgba(20, 48, 74, 0.998) 48%,
      rgba(4, 12, 24, 0.998)) !important;
  border-bottom-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.56),
    inset 0 1px 0 rgba(255, 215, 0, 0.4),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.56), rgba(14, 30, 50, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow:
    0 2px 24px rgba(255, 215, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#spectator-banner .spec-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.55),
    0 0 28px rgba(255, 215, 0, 1) !important;
}

#game.is-spectating #topbar {
  box-shadow:
    inset 0 -1px 0 rgba(255, 215, 0, 0.46),
    0 0 42px rgba(255, 215, 0, 0.24) !important;
}
#game.is-spectating #topbar .tb-chip {
  border-color: rgba(255, 215, 0, 0.62) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.36) !important;
}
#game.is-spectating #rack-container {
  background:
    radial-gradient(ellipse 74% 95% at 50% 35%, rgba(255, 215, 0, 0.32), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 0 0 42px rgba(255, 215, 0, 0.2),
    0 14px 36px rgba(0, 0, 0, 0.44) !important;
}
#game.is-spectating #rack-container::after {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.46), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.44),
    0 0 34px rgba(255, 215, 0, 0.34) !important;
}

.spect-row {
  background:
    radial-gradient(ellipse 68% 100% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.56) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 18px rgba(255, 215, 0, 0.1) !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 38px rgba(255, 215, 0, 0.32) !important;
}
.spect-live {
  background: linear-gradient(135deg, rgba(40, 150, 110, 0.99), rgba(12, 58, 44, 0.99)) !important;
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow: 0 0 26px rgba(46, 160, 120, 0.58) !important;
}
.spect-elo {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
}
.spect-watch {
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.62),
    0 0 26px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.spect-watch:hover {
  box-shadow:
    0 14px 38px rgba(230, 81, 0, 0.7),
    0 0 34px rgba(255, 152, 0, 0.56) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.36) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live,
  .spect-row,
  .spect-watch,
  #game.is-spectating #rack-container {
    animation: none !important;
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 184: Masa düzeni / aksiyonlar deepen ── */
#middle {
  grid-template-columns: minmax(58px, 80px) minmax(0, 1fr) minmax(58px, 80px) !important;
}
#center-board {
  margin-top: 16px !important;
}
.center-stage {
  min-height: 184px !important;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 58%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.35)) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.28) !important;
}
.center-panel.opened-panel {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 215, 0, 0.12) !important;
}

#actions {
  padding: 4px 10px 10px !important;
}
#actions .actions-primary {
  max-width: 300px !important;
  margin: 0 0 0 auto !important;
  padding: 5px !important;
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 60%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 26px rgba(0, 0, 0, 0.36) !important;
}
#actions .btn {
  min-height: 40px !important;
  border-color: rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.3) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.22) !important;
}
#actions .btn-draw:not([disabled]) {
  box-shadow:
    0 12px 26px rgba(26, 107, 82, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#actions .btn-discard:not([disabled]),
#actions .btn-throw:not([disabled]) {
  box-shadow:
    0 12px 26px rgba(230, 81, 0, 0.48),
    0 0 16px rgba(255, 152, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.rack-arrange-btn {
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.3) !important;
}
.rack-arrange-btn:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 12px 22px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.22) !important;
}
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.72) !important;
  box-shadow:
    0 0 18px rgba(255, 183, 77, 0.28),
    0 8px 16px rgba(0, 0, 0, 0.3) !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.72) !important;
  box-shadow:
    0 0 18px rgba(255, 138, 101, 0.28),
    0 8px 16px rgba(0, 0, 0, 0.3) !important;
}
.rack-arrange-btn.finish {
  border-color: rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.34), rgba(18, 36, 58, 0.92)) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.34),
    0 0 20px rgba(255, 215, 0, 0.22) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 12px 26px rgba(230, 81, 0, 0.58),
    0 0 24px rgba(255, 152, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.rack-arrange-btn.finish:not(:disabled):hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 30px rgba(230, 81, 0, 0.66),
    0 0 30px rgba(255, 152, 0, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn.finish,
  .rack-arrange-btn.per,
  .rack-arrange-btn.cift,
  #actions .btn,
  .center-stage {
    animation: none !important;
    transition: none !important;
  }
  .rack-arrange-btn:hover,
  #actions .btn:not([disabled]):hover {
    transform: none;
  }
}

/* ── Pass 185: Topbar / Turn status deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 64% 170% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    radial-gradient(ellipse 48% 130% at 100% 50%, rgba(255, 152, 0, 0.2), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.995), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.22) !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.34) !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.46), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 0 32px rgba(255, 215, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.92) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.68), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 28px rgba(26, 107, 82, 0.6) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.92) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.52), rgba(42, 22, 10, 0.92)) !important;
  box-shadow: 0 0 26px rgba(255, 106, 0, 0.52) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.36), rgba(18, 36, 58, 0.94)) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #b5a894,
    0 12px 22px rgba(0, 0, 0, 0.44),
    0 0 24px rgba(255, 215, 0, 0.3) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 3px 0 #c9a227,
    0 12px 22px rgba(212, 175, 55, 0.6),
    0 0 34px rgba(255, 215, 0, 0.54) !important;
}

#turn-banner {
  background:
    radial-gradient(ellipse 64% 130% at 10% 50%, rgba(255, 215, 0, 0.24), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.44) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 76% 160% at 18% 50%, rgba(255, 215, 0, 0.46), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.48),
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 74% 160% at 18% 50%, rgba(255, 106, 0, 0.56), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.52), rgba(42, 18, 8, 0.98)) !important;
  border-color: rgba(255, 138, 0, 0.98) !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.5),
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 48px rgba(255, 106, 0, 0.56) !important;
}
#turn-banner.mine .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.55),
    0 0 24px rgba(255, 215, 0, 1) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.6),
    0 0 24px rgba(255, 138, 0, 1) !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.56), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow: 0 2px 18px rgba(255, 215, 0, 0.4) !important;
}
#turn-banner.urgent .tb-tag {
  background: linear-gradient(145deg, rgba(255, 138, 0, 0.52), rgba(42, 18, 8, 0.9)) !important;
  border-color: rgba(255, 138, 0, 0.84) !important;
}
#turn-banner .tb-timer {
  border-color: rgba(255, 215, 0, 0.52) !important;
}
#turn-banner.mine .tb-timer.normal {
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.42) !important;
  border-color: rgba(255, 215, 0, 0.74) !important;
}
#turn-banner .tb-bar {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffe082, #ffd700, #ff9800) !important;
  box-shadow: 0 0 20px rgba(143, 212, 184, 0.75) !important;
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 20px rgba(255, 106, 0, 0.82) !important;
}

@media (prefers-reduced-motion: reduce) {
  #topbar .tb-chip.tb-room,
  #topbar .tb-chip.tb-rem.can-draw,
  #turn-banner.mine,
  #turn-banner.urgent,
  #turn-banner.mine .tb-dot,
  #turn-banner.urgent .tb-dot {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 186: Istaka — Aç / İşle / Çift Aç + okey diz ── */
#rack-header {
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  align-items: center !important;
}
.rack-arrange {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: min(100%, 720px) !important;
  justify-content: flex-end !important;
}
.rack-arrange-btn {
  min-height: 34px !important;
  padding: 5px 10px !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
}
.rack-arrange-btn.open {
  border-color: rgba(255, 111, 0, 0.72) !important;
  color: #ffe0b2 !important;
  background: linear-gradient(145deg, rgba(255, 111, 0, 0.34), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.28), 0 0 12px rgba(255,111,0,0.18) !important;
  font-weight: 800 !important;
}
.rack-arrange-btn.open:not(:disabled) {
  background: linear-gradient(145deg, #ff9800, #e65100) !important;
  color: #fff !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
}
.rack-arrange-btn.isle {
  border-color: rgba(38, 166, 154, 0.7) !important;
  color: #b2dfdb !important;
  background: linear-gradient(145deg, rgba(38, 166, 154, 0.32), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.28), 0 0 12px rgba(38,166,154,0.16) !important;
  font-weight: 800 !important;
}
.rack-arrange-btn.isle:not(:disabled) {
  background: linear-gradient(145deg, #26a69a, #00695c) !important;
  color: #fff !important;
  border-color: rgba(128, 222, 234, 0.55) !important;
}
.rack-arrange-btn.cift-open {
  border-color: rgba(191, 54, 12, 0.72) !important;
  color: #ffccbc !important;
  background: linear-gradient(145deg, rgba(191, 54, 12, 0.34), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.28), 0 0 12px rgba(191,54,12,0.18) !important;
  font-weight: 800 !important;
}
.rack-arrange-btn.cift-open:not(:disabled) {
  background: linear-gradient(145deg, #ff7043, #bf360c) !important;
  color: #fff !important;
  border-color: rgba(255, 171, 145, 0.55) !important;
}
.rack-arrange-btn.open:disabled,
.rack-arrange-btn.isle:disabled,
.rack-arrange-btn.cift-open:disabled {
  opacity: 0.42;
  cursor: default;
  pointer-events: none;
}
.rack-arrange-btn.open.cta-pulse:not(:disabled),
.rack-arrange-btn.isle.cta-pulse:not(:disabled),
.rack-arrange-btn.cift-open.cta-pulse:not(:disabled),
.rack-arrange-btn.open.open-ready:not(:disabled) {
  animation: ctaPulse 1.35s ease-in-out infinite;
}
@media (min-width: 1100px) {
  .rack-arrange {
    max-width: 860px !important;
  }
  .rack-arrange-btn {
    min-height: 36px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rack-arrange-btn.open,
  .rack-arrange-btn.isle,
  .rack-arrange-btn.cift-open {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 187: Opponent cards + pending per deepen ── */
.opp-card {
  background:
    radial-gradient(ellipse 78% 68% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    radial-gradient(ellipse 42% 40% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 34px rgba(255, 215, 0, 0.18) !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.78) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 40px rgba(255, 215, 0, 0.28) !important;
}
.opp-card.active {
  background:
    radial-gradient(ellipse 90% 78% at 50% 0%, rgba(255, 215, 0, 0.56), transparent 58%),
    linear-gradient(165deg, rgba(36, 62, 90, 0.995), rgba(10, 18, 34, 0.998)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 215, 0, 0.62),
    0 0 0 3px rgba(212, 175, 55, 0.72),
    0 0 48px rgba(255, 215, 0, 0.68),
    0 14px 40px rgba(0, 0, 0, 0.5) !important;
}
.opp-card.offline {
  background:
    radial-gradient(ellipse 70% 58% at 0% 50%, rgba(191, 106, 74, 0.46), transparent 56%),
    linear-gradient(165deg, rgba(56, 32, 26, 0.82), rgba(8, 12, 20, 0.99)) !important;
  border-color: rgba(191, 106, 74, 0.82) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(191, 106, 74, 0.32) !important;
}
.opp-card .avatar {
  box-shadow:
    0 0 0 2px #d4af37,
    0 10px 18px rgba(0, 0, 0, 0.55),
    0 0 26px rgba(255, 215, 0, 0.36) !important;
}
.opp-card.active .avatar {
  box-shadow:
    0 0 0 3px #ffd700,
    0 0 42px rgba(255, 215, 0, 1),
    0 10px 20px rgba(0, 0, 0, 0.55) !important;
}
.opp-card .name {
  color: rgba(255, 248, 231, 0.98) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0 12px rgba(255, 215, 0, 0.12) !important;
}
.opp-card.active .name {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.65) !important;
}
.opp-card .tile-back {
  background: linear-gradient(145deg, #3cb896, #34a888, #2a9478, #1b6b52, #0e3f32) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 5px 10px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 8px rgba(52, 168, 136, 0.22) !important;
}
.opp-card .tile-meta {
  color: rgba(255, 236, 210, 0.78) !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #fff3c4, #ffe082, #ffd700, #f0b400) !important;
  box-shadow:
    0 8px 18px rgba(255, 215, 0, 0.72),
    0 0 22px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.opp-card.thinking .turn-chip {
  animation: timerBlink 1.05s ease-in-out infinite !important;
  box-shadow:
    0 8px 22px rgba(255, 215, 0, 0.82),
    0 0 30px rgba(255, 215, 0, 0.58) !important;
}
.opp-card.draw-flash {
  animation: oppDrawFlashAn187 0.6s ease-out !important;
}
@keyframes oppDrawFlashAn187 {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.8), 0 14px 38px rgba(0, 0, 0, 0.48); }
  45% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.58), 0 0 48px rgba(255, 215, 0, 0.7); }
  100% { box-shadow: 0 14px 38px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.12); }
}
#opp-top .opp-card {
  background:
    radial-gradient(ellipse 58% 160% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 28px rgba(255, 215, 0, 0.18) !important;
}
#opp-top .opp-card.active {
  box-shadow:
    0 0 0 3px rgba(212, 175, 55, 0.72),
    0 0 46px rgba(255, 215, 0, 0.62),
    0 14px 34px rgba(0, 0, 0, 0.48) !important;
}

#pending-section {
  background:
    radial-gradient(ellipse 70% 120% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.96), rgba(8, 14, 26, 0.99)) !important;
  border-color: rgba(255, 215, 0, 0.52) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 22px rgba(255, 215, 0, 0.12) !important;
}
#pending-section.ready {
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(143, 212, 184, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
#pending-section.almost {
  border-color: rgba(255, 183, 77, 0.72) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 26px rgba(255, 183, 77, 0.28) !important;
}
#pending-section .pending-caption {
  color: rgba(255, 236, 210, 0.88) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
#pending-section.ready .pending-caption { color: #a8e0c8 !important; }
#pending-section.almost .pending-caption { color: #ffcc80 !important; }
#pending-section .pending-pts {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
#pending-section .pending-progress {
  background: rgba(8, 16, 28, 0.85) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
#pending-section .pending-progress > i,
#pending-bar {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffe082, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.45) !important;
}
#pending-section.ready .pending-progress > i,
#pending-section.ready #pending-bar {
  background: linear-gradient(90deg, #1b6b52, #4caf88, #8fd4b8) !important;
  box-shadow: 0 0 14px rgba(143, 212, 184, 0.55) !important;
}
#pending-section .pending-hint {
  color: rgba(255, 236, 210, 0.72) !important;
  font-weight: 600 !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card.active,
  .opp-card.active .avatar,
  .opp-card.thinking .turn-chip,
  .opp-card.draw-flash,
  .opp-card:hover,
  #pending-section.ready,
  #pending-section.almost {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 188: Opened sets / Discard / Deck deepen ── */
.center-panel,
.center-panel.opened-panel {
  background:
    radial-gradient(ellipse 78% 62% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    radial-gradient(ellipse 40% 45% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.94), rgba(6, 12, 22, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.46),
    0 0 40px rgba(255, 215, 0, 0.2) !important;
}
.panel-caption {
  color: rgba(255, 236, 210, 0.95) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.48) !important;
}
.set-group {
  background:
    radial-gradient(ellipse 72% 80% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.995)) !important;
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 24px rgba(255, 215, 0, 0.16) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.84) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(255, 215, 0, 0.32) !important;
}
.set-group.mine {
  background:
    radial-gradient(ellipse 72% 80% at 0% 0%, rgba(143, 212, 184, 0.48), transparent 52%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.68), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(143, 212, 184, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.62),
    0 14px 30px rgba(0, 0, 0, 0.46),
    0 0 34px rgba(26, 107, 82, 0.38) !important;
}
.set-group.just-opened {
  animation: setJustOpenedAn188 0.7s ease-out !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.8),
    0 14px 40px rgba(255, 215, 0, 0.48),
    0 0 42px rgba(255, 215, 0, 0.38) !important;
}
@keyframes setJustOpenedAn188 {
  0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.9), 0 14px 30px rgba(0, 0, 0, 0.46); }
  50% { box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.65); }
  100% { box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.8), 0 14px 40px rgba(255, 215, 0, 0.48); }
}
.set-group .set-owner {
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.set-group.mine .set-owner {
  color: #a8e0c8 !important;
  text-shadow: 0 0 12px rgba(143, 212, 184, 0.45) !important;
}

.discard-panel {
  background:
    radial-gradient(ellipse 74% 60% at 50% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 22, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 215, 0, 0.16) !important;
}
.discard-panel.can-pick {
  border-color: rgba(143, 212, 184, 0.95) !important;
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(26, 107, 82, 0.62), transparent 56%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.62), rgba(8, 16, 28, 0.96)) !important;
  box-shadow:
    0 0 0 2px rgba(26, 107, 82, 0.65),
    0 0 46px rgba(26, 107, 82, 0.52),
    0 14px 36px rgba(0, 0, 0, 0.44) !important;
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 6px 0 #b5a894,
    0 14px 38px rgba(0, 0, 0, 0.58),
    0 0 32px rgba(255, 215, 0, 0.34) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.82),
    0 0 42px rgba(26, 107, 82, 0.72),
    0 14px 32px rgba(0, 0, 0, 0.48) !important;
}
#discard-pile.drop-hover {
  outline-color: rgba(255, 152, 0, 0.95);
  box-shadow: 0 0 42px rgba(255, 152, 0, 0.62) !important;
}

.deck-panel {
  background:
    radial-gradient(ellipse 70% 58% at 50% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.86), rgba(6, 12, 22, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.1) !important;
}
.deck-panel.can-draw {
  border-color: rgba(143, 212, 184, 0.9) !important;
  background:
    radial-gradient(ellipse 76% 66% at 50% 0%, rgba(26, 107, 82, 0.55), transparent 56%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.58), rgba(8, 16, 28, 0.95)) !important;
  box-shadow:
    0 0 0 2px rgba(26, 107, 82, 0.55),
    0 0 40px rgba(26, 107, 82, 0.44),
    0 14px 32px rgba(0, 0, 0, 0.4) !important;
}

#chip-display {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 12px 26px rgba(255, 215, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 28px rgba(255, 215, 0, 0.26) !important;
}
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.44), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 30px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .set-group.just-opened,
  .set-group:hover,
  .discard-panel.can-pick,
  .deck-panel.can-draw {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 189: Istaka / Tile deepen ── */
#rack-section {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 183, 77, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(72, 44, 24, 0.55), rgba(18, 10, 6, 0.35)) !important;
  border-radius: 16px 16px 18px 18px !important;
  box-shadow:
    0 -8px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 220, 160, 0.12) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.45),
    0 0 36px rgba(255, 215, 0, 0.28),
    0 -8px 28px rgba(0, 0, 0, 0.3) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 2px rgba(255, 138, 0, 0.62),
    0 0 42px rgba(255, 138, 0, 0.38),
    0 -8px 28px rgba(0, 0, 0, 0.32) !important;
}
#rack-header .rack-title {
  color: rgba(255, 236, 210, 0.92) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0 14px rgba(255, 215, 0, 0.18) !important;
}
#rack-header .rack-title #hand-count {
  color: #ffe082 !important;
  text-shadow: 0 0 12px rgba(255, 224, 130, 0.45) !important;
}
#rack-container.istaka-well,
#rack-container {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 200, 120, 0.22), transparent 46%),
    linear-gradient(180deg, #3a2216 0%, #1a0e08 55%, #100804 100%) !important;
  border: 1px solid rgba(196, 154, 98, 0.35) !important;
  box-shadow:
    inset 0 14px 36px rgba(0, 0, 0, 0.85),
    inset 0 -3px 12px rgba(255, 200, 140, 0.14),
    inset 0 0 0 1px rgba(0, 0, 0, 0.65),
    0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
.rack-slot.empty {
  background: rgba(255, 220, 160, 0.04) !important;
  border: 1px dashed rgba(196, 154, 98, 0.28) !important;
}
.rack-slot.drop-target {
  background: rgba(255, 215, 0, 0.16) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow: inset 0 0 16px rgba(255, 215, 0, 0.22) !important;
}
.tile {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96) inset,
    0 5px 0 #b5a894,
    0 12px 22px rgba(0, 0, 0, 0.42) !important;
}
.tile:hover:not(.selected):not(.dragging) {
  transform: translateY(-6px) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 6px 0 #b5a894,
    0 14px 26px rgba(0, 0, 0, 0.4),
    0 0 14px rgba(255, 215, 0, 0.18) !important;
}
.tile.selected {
  transform: translateY(-9px) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 2px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.28),
    0 14px 28px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.35) !important;
}
.tile.okey-tile {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.62) 0%, transparent 42%),
    linear-gradient(180deg, #fff8dc, #ffd700 48%, #e6b800 78%, #d4af37) !important;
  border: 2px solid #ffcc00 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 4px 0 #b8860b,
    0 0 18px rgba(255, 215, 0, 0.55),
    0 10px 20px rgba(0, 0, 0, 0.35) !important;
  animation: okeyGlowAn189 2.2s ease-in-out infinite !important;
}
@keyframes okeyGlowAn189 {
  0%, 100% {
    box-shadow:
      0 1px 0 rgba(255,255,255,.8) inset,
      0 4px 0 #b8860b,
      0 0 14px rgba(255,215,0,.48),
      0 10px 20px rgba(0,0,0,.35);
  }
  50% {
    box-shadow:
      0 1px 0 rgba(255,255,255,.85) inset,
      0 4px 0 #b8860b,
      0 0 28px rgba(255,215,0,.78),
      0 12px 24px rgba(0,0,0,.38);
  }
}
.tile.dragging {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 14px 36px rgba(0, 0, 0, 0.55),
    0 0 0 2px #ffd700,
    0 0 28px rgba(255, 215, 0, 0.4) !important;
}
.rack-empty-chip {
  background: linear-gradient(165deg, rgba(26, 107, 82, 0.82), rgba(13, 59, 46, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.52),
    0 0 22px rgba(255, 215, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tile.okey-tile,
  .tile.selected,
  .tile:hover:not(.selected):not(.dragging),
  #rack-section.my-turn,
  #rack-section.throw-ready {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 190: Actions bar / Çek-Al-At deepen ── */
#actions {
  padding: 6px 12px 12px !important;
}
#actions .actions-primary {
  max-width: 320px !important;
  margin: 0 0 0 auto !important;
  padding: 7px !important;
  gap: 6px !important;
  background:
    radial-gradient(ellipse 80% 120% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 58%),
    radial-gradient(ellipse 40% 60% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.16) !important;
}
#actions .btn {
  min-height: 44px !important;
  border-radius: 12px !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 10px 18px rgba(0, 0, 0, 0.34) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
}
#actions .btn:not([disabled]):hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.28) !important;
}
#actions .btn:disabled {
  opacity: 0.42 !important;
  filter: grayscale(0.25) !important;
}
#actions .btn-draw:not([disabled]) {
  background: linear-gradient(160deg, #2a9478, #1a6b52, #0e3f32) !important;
  border-color: rgba(143, 212, 184, 0.72) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px rgba(26, 107, 82, 0.58),
    0 0 22px rgba(26, 107, 82, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#actions .btn-elden:not([disabled]) {
  background: linear-gradient(160deg, #4caf88, #2a9478, #1a6b52) !important;
  border-color: rgba(168, 224, 200, 0.7) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px rgba(76, 175, 136, 0.52),
    0 0 20px rgba(143, 212, 184, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  background: linear-gradient(160deg, #ff9800, #e65100, #bf360c) !important;
  border-color: rgba(255, 183, 77, 0.78) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px rgba(230, 81, 0, 0.58),
    0 0 22px rgba(255, 152, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  animation: ctaPulse 1.25s ease-in-out infinite !important;
}
#actions .btn .btn-lbl {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}
#actions .btn .icon svg {
  width: 16px !important;
  height: 16px !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

@media (min-width: 1100px) {
  #actions .actions-primary {
    max-width: 360px !important;
  }
  #actions .btn {
    min-height: 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #actions .btn,
  #actions .btn.cta-pulse:not([disabled]),
  #actions .btn:not([disabled]):hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 191: Table dock / Chat / Gift deepen ── */
#table-dock {
  gap: 10px !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}
#btn-chat,
#btn-gift,
.dock-btn {
  border-color: rgba(255, 215, 0, 0.78) !important;
  background:
    radial-gradient(ellipse 70% 70% at 30% 20%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 12, 24, 0.995)) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.52),
    0 0 28px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  transform: translateY(-2px) scale(1.04);
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.48),
    0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
#btn-chat.active,
#btn-gift.active,
.dock-btn.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 42px rgba(255, 215, 0, 0.55),
    0 14px 32px rgba(0, 0, 0, 0.5) !important;
}
#btn-chat.has-unread:not(.active) {
  border-color: rgba(255, 152, 0, 0.95) !important;
  animation: dockUnreadPulseAn191 1.2s ease-in-out infinite !important;
  box-shadow:
    0 0 36px rgba(255, 152, 0, 0.55),
    0 14px 32px rgba(0, 0, 0, 0.5) !important;
}
@keyframes dockUnreadPulseAn191 {
  0%, 100% { box-shadow: 0 0 22px rgba(255, 152, 0, 0.4), 0 14px 32px rgba(0, 0, 0, 0.5); }
  50% { box-shadow: 0 0 40px rgba(255, 152, 0, 0.72), 0 14px 32px rgba(0, 0, 0, 0.5); }
}
.dock-badge {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1.5px solid rgba(8, 18, 32, 0.9) !important;
  box-shadow: 0 4px 12px rgba(255, 111, 0, 0.55) !important;
  font-weight: 800 !important;
}

#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 92% 58% at 50% 0%, rgba(255, 215, 0, 0.46), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.36) !important;
}
.chat-head {
  background:
    radial-gradient(ellipse 80% 110% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.34), transparent 72%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.62) !important;
}
.chat-head-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
}
.chat-line {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.38) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset -3px 0 0 #8fd4b8,
    0 0 34px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 38px rgba(255, 152, 0, 0.42) !important;
}
.chat-quick button {
  border-color: rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 60% 60% at 30% 20%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 22px rgba(0, 0, 0, 0.36) !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 0 30px rgba(255, 215, 0, 0.4),
    0 14px 28px rgba(0, 0, 0, 0.42) !important;
}
.chat-input-row .chat-send {
  border-color: rgba(255, 215, 0, 0.84) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.7),
    0 0 30px rgba(255, 152, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.gift-grid button {
  border-color: rgba(255, 215, 0, 0.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(255, 152, 0, 0.48) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.92) !important;
}

@media (prefers-reduced-motion: reduce) {
  #btn-chat.has-unread:not(.active),
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover,
  .gift-grid button:hover,
  .chat-quick button:hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 192: Game-over / skor overlay deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 215, 0, 0.62), transparent 54%),
    radial-gradient(ellipse at 14% 92%, rgba(26, 107, 82, 0.48), transparent 48%),
    radial-gradient(ellipse at 92% 68%, rgba(255, 140, 0, 0.38), transparent 46%),
    rgba(4, 8, 18, 0.98) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 152, 0, 0.28), transparent 54%),
    radial-gradient(ellipse at 20% 90%, rgba(191, 106, 74, 0.28), transparent 48%),
    rgba(4, 8, 18, 0.98) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 92% 58% at 50% 0%, rgba(255, 215, 0, 0.44), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.34) !important;
}
#go-overlay.i-won .go-card {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.52),
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  animation: goWinCardAn192 1.8s ease-in-out infinite !important;
}
@keyframes goWinCardAn192 {
  0%, 100% { box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.5), 0 0 48px rgba(255, 215, 0, 0.4), 0 14px 44px rgba(0, 0, 0, 0.74); }
  50% { box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.62), 0 14px 44px rgba(0, 0, 0, 0.74); }
}
#go-overlay.i-lost .go-card {
  border-color: rgba(191, 106, 74, 0.72) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    0 0 40px rgba(191, 106, 74, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.35), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.62),
    0 0 36px rgba(255, 215, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
#go-overlay.i-won .go-trophy {
  animation: goTrophyPulseAn192 1.6s ease-in-out infinite !important;
}
@keyframes goTrophyPulseAn192 {
  0%, 100% { transform: scale(1); box-shadow: 0 14px 44px rgba(255, 215, 0, 0.55), 0 0 32px rgba(255, 215, 0, 0.35); }
  50% { transform: scale(1.04); box-shadow: 0 14px 44px rgba(255, 215, 0, 0.75), 0 0 48px rgba(255, 215, 0, 0.55); }
}
#go-overlay .winner-name {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.55) !important;
  font-weight: 800 !important;
}
#go-overlay .winner-points {
  color: #ffe082 !important;
  text-shadow: 0 0 16px rgba(255, 224, 130, 0.4) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.95) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  background: linear-gradient(160deg, #ff9800, #e65100, #bf360c) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.72),
    0 0 34px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#go-overlay .btn-again.ghost {
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 92% 58% at 50% 0%, rgba(255, 215, 0, 0.46), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.36) !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 36px rgba(255, 215, 0, 0.4) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.36) !important;
}

@media (prefers-reduced-motion: reduce) {
  #go-overlay.i-won .go-card,
  #go-overlay.i-won .go-trophy,
  .go-trophy,
  .re-card {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 193: Lobby deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -5%, rgba(255, 215, 0, 0.46), transparent 52%),
    radial-gradient(ellipse at 8% 70%, rgba(26, 107, 82, 0.48), transparent 46%),
    radial-gradient(ellipse at 94% 100%, rgba(255, 140, 0, 0.38), transparent 44%),
    linear-gradient(175deg, #050910 0%, #0a101c 52%, #061018 100%) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 90% 110% at 6% 50%, rgba(255, 152, 0, 0.62), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.52), rgba(18, 36, 58, 0.8) 38%, rgba(6, 12, 24, 0.99)) !important;
  border-color: rgba(255, 183, 77, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.64),
    0 0 48px rgba(255, 152, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.lobby-play-hero:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.72),
    0 0 48px rgba(255, 152, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.65),
    0 8px 18px rgba(0, 0, 0, 0.35) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}
.lobby-mode-toggle {
  border-color: rgba(255, 215, 0, 0.64) !important;
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
.lobby-mode-btn.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.lobby-btn.create {
  box-shadow:
    0 14px 40px rgba(26, 107, 82, 0.68),
    0 0 24px rgba(26, 107, 82, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.daily-banner,
.tournament-banner,
.clubwar-banner,
.piggy-banner,
.mission-banner,
.achievement-banner,
.calendar-banner,
.wheel-banner,
.season-banner,
.liveops-banner {
  background:
    radial-gradient(ellipse 68% 100% at 0% 50%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(100deg, rgba(18, 36, 58, 0.995), rgba(8, 16, 32, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.16) !important;
}
.daily-banner:hover,
.tournament-banner:hover,
.clubwar-banner:hover,
.piggy-banner:hover,
.mission-banner:hover,
.achievement-banner:hover,
.calendar-banner:hover,
.wheel-banner:hover,
.season-banner:hover,
.liveops-banner:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(255, 215, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.4) !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #fff3c4, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.82);
}
.daily-banner.is-ready,
.mission-banner.claim-ready,
.wheel-banner.is-ready,
.calendar-banner.is-ready,
.achievement-banner.claim-ready {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.5),
    0 14px 40px rgba(0, 0, 0, 0.44) !important;
  animation: lobbyReadyPulseAn193 1.5s ease-in-out infinite !important;
}
@keyframes lobbyReadyPulseAn193 {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.4), 0 0 36px rgba(255, 215, 0, 0.36), 0 14px 36px rgba(0, 0, 0, 0.4); }
  50% { box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.65), 0 0 48px rgba(255, 215, 0, 0.58), 0 14px 40px rgba(0, 0, 0, 0.44); }
}

.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 24px rgba(0, 0, 0, 0.36),
    0 0 16px rgba(255, 215, 0, 0.12) !important;
}
.an-menu-btn.is-open {
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.52) !important;
}
.an-menu-panel {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-play-hero:hover,
  .daily-banner.is-ready,
  .mission-banner.claim-ready,
  .wheel-banner.is-ready,
  .calendar-banner.is-ready,
  .achievement-banner.claim-ready {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 194: Notifications deepen ── */
.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.74) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 80% 110% at 0% 50%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.3), transparent 72%) !important;
  border-bottom-color: rgba(255, 215, 0, 0.55) !important;
}
.notif-mark-all {
  border-color: rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 60% 80% at 30% 20%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.notif-mark-all:hover {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.38) !important;
}
.notif-count b {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  border-color: rgba(255, 183, 77, 0.85) !important;
  box-shadow: 0 0 28px rgba(255, 111, 0, 0.48) !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 68% 85% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.notif-card:hover {
  border-color: rgba(255, 215, 0, 0.8) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.3) !important;
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 36px rgba(255, 215, 0, 0.38),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 40px rgba(26, 107, 82, 0.42) !important;
}
.notif-card.reward.is-unread {
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 40px rgba(255, 152, 0, 0.45) !important;
}
.notif-card.club.is-unread {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 36px rgba(255, 215, 0, 0.4) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 42px rgba(255, 215, 0, 0.45) !important;
}
.notif-card.support.is-unread {
  border-color: rgba(255, 152, 0, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #ff8f00,
    0 0 36px rgba(255, 152, 0, 0.4) !important;
}
.notif-icon {
  box-shadow:
    0 14px 28px rgba(255, 215, 0, 0.45),
    0 0 16px rgba(255, 215, 0, 0.22) !important;
}
.notif-btn.accept,
.notif-btn.primary {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.notif-empty {
  border-color: rgba(255, 215, 0, 0.7) !important;
  background:
    radial-gradient(ellipse 72% 85% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .notif-card:hover,
  .notif-card.is-unread,
  .notif-mark-all:hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ── Pass 195: Friends deepen ── */
.friends-panel {
  padding: 2px 0 6px;
}
.friends-panel .friend-search {
  margin-bottom: 16px !important;
  padding: 14px 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.friend-section-title {
  color: rgba(255, 248, 231, 0.72) !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.friend-section-title.search {
  color: rgba(255, 236, 179, 0.92) !important;
}
.friend-section-title.requests {
  color: #ffd700 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.35);
}
.friend-section-title.blocked {
  color: #ffab91 !important;
  text-shadow: 0 0 14px rgba(191, 106, 74, 0.28);
}
.friend-count-pill {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 183, 77, 0.75) !important;
  box-shadow: 0 0 22px rgba(255, 111, 0, 0.45) !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.friend-row {
  background:
    radial-gradient(ellipse 62% 80% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.16) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.86) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.friend-row.is-online {
  background:
    radial-gradient(ellipse 68% 88% at 0% 50%, rgba(26, 107, 82, 0.52), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 38px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.friend-row.request {
  background:
    radial-gradient(ellipse 70% 85% at 0% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.4) !important;
}
.friend-row.blocked {
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(191, 106, 74, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 14, 24, 0.995)) !important;
  border-color: rgba(191, 106, 74, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(191, 106, 74, 0.3) !important;
}
.friend-row.search {
  border-color: rgba(255, 215, 0, 0.48) !important;
}
.friend-avatar {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.62),
    0 14px 28px rgba(0, 0, 0, 0.48),
    0 0 24px rgba(255, 215, 0, 0.3) !important;
}
.friend-row.is-online .friend-avatar {
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.82),
    0 14px 28px rgba(26, 107, 82, 0.52),
    0 0 22px rgba(143, 212, 184, 0.28) !important;
}
.friend-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
}
.friend-elo {
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: rgba(255, 215, 0, 0.14) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.friend-status.online {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  background: rgba(26, 107, 82, 0.22) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.28);
}
.friend-status.offline {
  color: rgba(255, 255, 255, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
.friend-status.request {
  color: #ffd700 !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  background: rgba(255, 215, 0, 0.18) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.28);
}
.friend-status.blocked {
  color: #ffab91 !important;
  border-color: rgba(191, 106, 74, 0.7) !important;
  background: rgba(191, 106, 74, 0.2) !important;
}
.friend-badge {
  border-color: rgba(143, 212, 184, 0.7) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.45), rgba(18, 36, 58, 0.9)) !important;
  color: #8fd4b8 !important;
  box-shadow: 0 0 18px rgba(26, 107, 82, 0.32) !important;
  font-weight: 800 !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.friend-btn.primary:hover,
.friend-btn.invite:not(.muted):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}
.friend-btn.accept {
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow:
    0 14px 30px rgba(26, 107, 82, 0.58),
    0 0 22px rgba(143, 212, 184, 0.28) !important;
}
.friend-btn.danger {
  border-color: rgba(191, 106, 74, 0.72) !important;
  box-shadow: 0 12px 26px rgba(191, 106, 74, 0.4) !important;
}
.friend-btn.ghost {
  border-color: rgba(255, 215, 0, 0.35) !important;
  background: rgba(18, 36, 58, 0.72) !important;
}
.friend-btn.invite.muted {
  opacity: 0.55;
  box-shadow: none !important;
  border-color: rgba(255, 215, 0, 0.18) !important;
}
.friend-search-input {
  border-color: rgba(255, 215, 0, 0.58) !important;
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    rgba(8, 18, 32, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.3) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.32), 0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.friend-hint {
  color: rgba(255, 236, 179, 0.7) !important;
}
.friend-empty {
  border-color: rgba(255, 215, 0, 0.7) !important;
  background:
    radial-gradient(ellipse 72% 85% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 196: Support deepen ── */
.support-panel {
  padding: 2px 0 6px;
}
.support-panel .sup-toolbar {
  margin-bottom: 14px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.sup-count {
  color: rgba(255, 248, 231, 0.7) !important;
  font-weight: 700 !important;
}
.sup-count b {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 183, 77, 0.75) !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  color: #fff !important;
  box-shadow: 0 0 22px rgba(255, 111, 0, 0.45) !important;
  font-weight: 800 !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.16) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.86) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.sup-card.status-open {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.4),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ff8f00,
    0 0 40px rgba(255, 152, 0, 0.42),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.38),
    0 14px 34px rgba(0, 0, 0, 0.38) !important;
}
.sup-card.status-closed {
  border-color: rgba(255, 255, 255, 0.22) !important;
  opacity: 0.82;
  box-shadow:
    inset 4px 0 0 rgba(255, 255, 255, 0.28),
    0 12px 26px rgba(0, 0, 0, 0.32) !important;
}
.sup-icon {
  box-shadow:
    0 14px 28px rgba(255, 215, 0, 0.48),
    0 0 16px rgba(255, 215, 0, 0.22) !important;
}
.sup-card.status-open .sup-icon {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  box-shadow: 0 14px 28px rgba(255, 215, 0, 0.55) !important;
}
.sup-card.status-in_progress .sup-icon {
  background: linear-gradient(145deg, #ffab40, #ff6f00) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(255, 111, 0, 0.5) !important;
}
.sup-card.status-resolved .sup-icon {
  background: linear-gradient(145deg, #8fd4b8, #1a6b52) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(26, 107, 82, 0.48) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.sup-pill.open {
  color: #ffd700 !important;
  border-color: rgba(255, 215, 0, 0.65) !important;
  background: rgba(255, 215, 0, 0.18) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.28);
}
.sup-pill.in_progress {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.52), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.86) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.34) !important;
  color: #ffb74d !important;
}
.sup-pill.resolved {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.6) !important;
  background: rgba(26, 107, 82, 0.28) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.3);
}
.sup-pill.closed {
  color: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}
.sup-btn.primary {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.sup-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}
.sup-btn.ghost {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background: rgba(18, 36, 58, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.sup-input {
  border-color: rgba(255, 215, 0, 0.52) !important;
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.08), transparent 55%),
    rgba(8, 18, 32, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}
.sup-input:focus {
  border-color: rgba(255, 215, 0, 0.86) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.3), 0 0 22px rgba(255, 215, 0, 0.2) !important;
  outline: none;
}
.support-panel .sup-form {
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 68% 80% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.sup-detail-head {
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.16), transparent 70%) !important;
}
.sup-detail-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.22);
  margin-bottom: 12px !important;
}
.sup-thread {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.sup-msg {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  padding: 10px 12px !important;
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3) !important;
}
.sup-msg.you {
  border-color: rgba(143, 212, 184, 0.55) !important;
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(26, 107, 82, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow: 0 10px 22px rgba(26, 107, 82, 0.22) !important;
}
.sup-msg.staff {
  border-color: rgba(255, 215, 0, 0.62) !important;
  box-shadow: 0 10px 22px rgba(255, 215, 0, 0.18) !important;
}
.sup-msg-who {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(255, 215, 0, 0.85) !important;
  margin-bottom: 4px !important;
}
.sup-msg.you .sup-msg-who {
  color: #8fd4b8 !important;
}
.sup-msg-body {
  color: rgba(255, 248, 231, 0.92) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

@media (prefers-reduced-motion: reduce) {
  .sup-card:hover,
  .sup-btn.primary:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 197: Store / Shop deepen ── */
.shop-panel {
  padding: 2px 0 6px;
}
.shop-panel .shop-toolbar {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.26), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.shop-panel .shop-toolbar.secondary {
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.92), rgba(8, 16, 28, 0.96)) !important;
}
.shop-provider {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 236, 179, 0.75) !important;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 215, 0, 0.35);
  background: rgba(255, 215, 0, 0.1);
}
.shop-chip {
  border-color: rgba(255, 215, 0, 0.48) !important;
  background:
    radial-gradient(ellipse 50% 80% at 30% 20%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.shop-chip:hover {
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.28) !important;
}
.shop-chip.active,
.shop-tab.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 30px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.shop-section-title {
  color: rgba(255, 248, 231, 0.85) !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.38) !important;
  margin: 16px 0 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  font-size: 12px !important;
}
.shop-card {
  background:
    radial-gradient(ellipse 62% 80% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(255, 152, 0, 0.36) !important;
}
.shop-card.legendary {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.42) !important;
}
.shop-card.epic {
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ff8f00,
    0 0 36px rgba(255, 152, 0, 0.38) !important;
}
.shop-card.rare {
  border-color: rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.34) !important;
}
.shop-card.is-owned,
.shop-card.owned {
  border-color: rgba(143, 212, 184, 0.7) !important;
}
.shop-card.is-equipped {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 38px rgba(255, 215, 0, 0.38) !important;
}
.shop-card-preview {
  box-shadow:
    0 12px 24px rgba(255, 215, 0, 0.35),
    0 0 14px rgba(255, 215, 0, 0.18) !important;
}
.shop-card-preview.pack {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow: 0 14px 28px rgba(255, 111, 0, 0.5) !important;
}
.shop-card-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
}
.shop-card-meta b {
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}
.shop-card-price {
  color: #ffab40 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 152, 0, 0.3);
}
.shop-card-btn.buy {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.shop-card-btn.buy:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}
.shop-card-btn.equip {
  border-color: rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    0 14px 30px rgba(26, 107, 82, 0.55),
    0 0 22px rgba(143, 212, 184, 0.28) !important;
}
.shop-card-btn.ghost {
  border-color: rgba(255, 215, 0, 0.45) !important;
  background: rgba(18, 36, 58, 0.78) !important;
}
.shop-badge.equipped {
  border-color: rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.32) !important;
  font-weight: 800 !important;
}
.shop-vip-note {
  background:
    radial-gradient(ellipse 68% 95% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.36), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 34px rgba(255, 215, 0, 0.32) !important;
  color: #fff8e7 !important;
  font-weight: 700 !important;
}
.shop-invoice-row {
  background:
    radial-gradient(ellipse 50% 80% at 0% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 22px rgba(0, 0, 0, 0.3) !important;
}
.shop-invoice-row:hover {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.shop-invoice-meta {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.18), transparent 70%) !important;
  margin-bottom: 12px !important;
  font-weight: 700 !important;
  color: rgba(255, 236, 179, 0.9) !important;
}
.shop-invoice-total {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.95)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.shop-currency {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 0 34px rgba(255, 215, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card:hover,
  .shop-card-btn.buy:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 198: Season deepen ── */
.season-panel {
  padding: 2px 0 6px;
}
.season-hero {
  background:
    radial-gradient(ellipse 86% 68% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 52% 62% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 52%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(255, 215, 0, 0.36) !important;
  border-radius: 18px !important;
  padding: 18px 16px !important;
  text-align: center;
  margin-bottom: 12px !important;
}
.season-hero-name {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
}
.season-hero-meta {
  color: rgba(255, 248, 231, 0.72) !important;
  margin-top: 6px !important;
  font-size: 13px !important;
}
.season-hero-timer {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.55), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.9) !important;
  color: #ffab40 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 32px rgba(255, 152, 0, 0.48) !important;
}
.season-me {
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(26, 107, 82, 0.58), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.48), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 14px 40px rgba(0, 0, 0, 0.42),
    0 0 38px rgba(26, 107, 82, 0.4) !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
  padding: 14px !important;
}
.season-me-rank {
  color: #8fd4b8 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-shadow: 0 0 18px rgba(143, 212, 184, 0.45);
}
.season-me-pts-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.4);
}
.season-me-pill {
  background: rgba(143, 212, 184, 0.28) !important;
  border: 1px solid rgba(143, 212, 184, 0.65) !important;
  color: #8fd4b8 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.3);
  font-weight: 800 !important;
}
.season-me-next {
  color: #ffd700 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.3);
}
.season-rewards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.season-reward {
  background:
    radial-gradient(ellipse 72% 70% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 30px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.season-reward:hover {
  border-color: rgba(255, 215, 0, 0.86) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 32px rgba(255, 215, 0, 0.32) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.95) !important;
  background:
    radial-gradient(ellipse 78% 70% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.92)) !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.48),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 0 42px rgba(255, 152, 0, 0.5),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
  color: #ffab40 !important;
  font-weight: 800 !important;
}
.season-board-title {
  color: rgba(255, 248, 231, 0.85) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.32);
  margin: 8px 0 10px !important;
}
.season-row {
  background:
    radial-gradient(ellipse 62% 80% at 0% 50%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.season-row:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 32px rgba(255, 215, 0, 0.3) !important;
}
.season-row.is-top {
  background:
    radial-gradient(ellipse 70% 90% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.42) !important;
}
.season-row.is-me {
  background:
    radial-gradient(ellipse 70% 88% at 0% 50%, rgba(26, 107, 82, 0.55), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.42), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 38px rgba(26, 107, 82, 0.4) !important;
}
.season-row-rank {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.season-row.is-me .season-row-rank {
  color: #8fd4b8 !important;
}
.season-row-name {
  color: #fff8e7 !important;
  font-weight: 700 !important;
}
.season-row-score {
  color: rgba(255, 236, 179, 0.85) !important;
  font-weight: 700 !important;
}
.season-empty {
  border-color: rgba(255, 215, 0, 0.7) !important;
  background:
    radial-gradient(ellipse 72% 85% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.season-empty-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  .season-reward:hover,
  .season-row:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 199: Profile deepen ── */
.profile-panel {
  padding: 2px 0 6px;
}
.profile-hero {
  background:
    radial-gradient(ellipse 90% 68% at 12% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 58% 55% at 92% 88%, rgba(255, 152, 0, 0.32), transparent 52%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 215, 0, 0.34) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  display: flex;
  gap: 14px;
  align-items: center;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.72),
    0 14px 42px rgba(0, 0, 0, 0.56),
    0 0 46px rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
}
.profile-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
}
.profile-rank {
  font-weight: 800 !important;
  margin-top: 4px !important;
}
.profile-rank.legend,
.profile-rank.diamond {
  color: #ffb74d !important;
  text-shadow: 0 0 16px rgba(255, 152, 0, 0.4);
}
.profile-rank.gold,
.profile-rank.plat {
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}
.profile-peak {
  color: rgba(255, 236, 179, 0.7) !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.profile-level {
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.profile-level-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
  color: rgba(255, 248, 231, 0.9);
  margin-bottom: 8px;
  font-size: 13px;
}
.profile-xp {
  color: rgba(255, 215, 0, 0.85) !important;
}
.profile-level-bar {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  overflow: hidden;
}
.profile-level-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.85) !important;
  height: 100% !important;
}
.profile-chips {
  background:
    radial-gradient(ellipse 55% 90% at 0% 50%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.94) 55%, rgba(8, 18, 32, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.48),
    0 0 42px rgba(255, 215, 0, 0.32) !important;
  border-radius: 16px !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.profile-chips-label {
  color: rgba(255, 236, 179, 0.7) !important;
  font-size: 12px !important;
}
.profile-chips-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.45) !important;
}
.profile-btn {
  border-color: rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.profile-btn:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}
.profile-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.profile-stat {
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 14px !important;
  padding: 12px 10px !important;
  text-align: center;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 30px rgba(255, 215, 0, 0.3) !important;
}
.profile-stat-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.3);
}
.profile-stat-label {
  color: rgba(255, 248, 231, 0.55) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
  font-weight: 600 !important;
}
.profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.profile-link {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 50% 80% at 30% 20%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  color: #fff8e7 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.profile-link:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(255, 215, 0, 0.3) !important;
}
.profile-link.ghost {
  border-color: rgba(255, 215, 0, 0.35) !important;
  background: rgba(18, 36, 58, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-stat:hover,
  .profile-link:hover,
  .profile-btn:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 200: Achievements deepen ── */
.achieve-panel {
  padding: 2px 0 6px;
}
.achieve-summary {
  background:
    radial-gradient(ellipse 80% 95% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.48),
    0 0 44px rgba(255, 215, 0, 0.34) !important;
  color: #fff8e7 !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
.achieve-summary-pct {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
}
.achieve-summary-bar {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.9) !important;
  height: 100% !important;
}
.achieve-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.achieve-card {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(255, 215, 0, 0.14) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.achieve-card:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.achieve-card.is-unlocked {
  background:
    radial-gradient(ellipse 70% 88% at 0% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 42px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.achieve-card.is-locked {
  opacity: 0.88;
  border-color: rgba(255, 215, 0, 0.32) !important;
}
.achieve-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98));
  border: 1px solid rgba(255, 215, 0, 0.35);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}
.achieve-icon svg {
  width: 22px;
  height: 22px;
  fill: rgba(255, 215, 0, 0.55);
}
.achieve-card.is-unlocked .achieve-icon {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 28px rgba(255, 215, 0, 0.65),
    0 0 18px rgba(255, 215, 0, 0.3) !important;
}
.achieve-card.is-unlocked .achieve-icon svg {
  fill: #1a1208 !important;
}
.achieve-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.achieve-card.is-locked .achieve-title {
  color: rgba(255, 255, 255, 0.6) !important;
  text-shadow: none;
}
.achieve-title-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}
.achieve-badge {
  flex-shrink: 0;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: rgba(255, 215, 0, 0.12) !important;
  color: rgba(255, 236, 179, 0.85) !important;
}
.achieve-card.is-unlocked .achieve-badge {
  border-color: rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.35), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.28);
}
.achieve-desc {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.achieve-bar {
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}
.achieve-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #1a6b52, #8fd4b8) !important;
  box-shadow: 0 0 10px rgba(26, 107, 82, 0.4);
}
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.75) !important;
}
.achieve-prog {
  font-size: 11px !important;
  color: rgba(255, 236, 179, 0.7) !important;
  margin-top: 4px !important;
  font-weight: 700 !important;
}
.achieve-card.is-unlocked .achieve-prog {
  color: #ffd700 !important;
}
.achieve-empty {
  border-color: rgba(255, 215, 0, 0.7) !important;
  background:
    radial-gradient(ellipse 72% 85% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.48), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.5),
    0 14px 40px rgba(0, 0, 0, 0.44) !important;
}

@media (prefers-reduced-motion: reduce) {
  .achieve-card:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 201: Wheel deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 152, 0, 0.55), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.48), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.44),
    0 0 38px rgba(255, 152, 0, 0.36) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.52), rgba(8, 16, 32, 0.82)) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 152, 0, 0.5),
    0 14px 40px rgba(0, 0, 0, 0.46) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 88% 58% at 50% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    radial-gradient(ellipse 55% 50% at 90% 92%, rgba(255, 152, 0, 0.32), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  border-radius: 20px !important;
  padding: 18px 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 215, 0, 0.34) !important;
}
.wheel-panel.is-ready {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.56) !important;
}
.wheel-status {
  display: inline-block !important;
  margin-bottom: 14px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow:
    0 0 32px rgba(255, 215, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.wheel-panel:not(.is-ready) .wheel-status {
  background: linear-gradient(145deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
  color: rgba(255, 236, 179, 0.7) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.wheel-seg-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  max-height: 220px;
  overflow-y: auto;
}
.wheel-seg {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background:
    radial-gradient(ellipse 55% 80% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.wheel-seg-label {
  color: #fff8e7 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.28);
}
.wheel-spin-btn {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.7),
    0 0 32px rgba(255, 152, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  cursor: pointer;
  transition: box-shadow 0.18s, transform 0.18s !important;
}
.wheel-spin-btn:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.8),
    0 0 40px rgba(255, 152, 0, 0.5) !important;
}
.wheel-spin-btn:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border-color: rgba(255, 215, 0, 0.28) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.wheel-empty {
  border-color: rgba(255, 215, 0, 0.7) !important;
  background:
    radial-gradient(ellipse 72% 85% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 202: Clubs deepen ── */
.club-panel {
  padding: 2px 0 6px;
}
.club-panel .club-toolbar {
  margin-bottom: 14px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.club-chip {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 50% 80% at 30% 20%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  color: #fff8e7 !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-weight: 700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 20px rgba(0, 0, 0, 0.3) !important;
}
.club-chip.primary {
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  color: #fff !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.65),
    0 0 24px rgba(255, 152, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.35), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 32px rgba(255, 152, 0, 0.42) !important;
  color: #ffab40 !important;
}
.club-chip.ghost {
  border-color: rgba(255, 215, 0, 0.35) !important;
  background: rgba(18, 36, 58, 0.72) !important;
}
.club-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.club-card {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.club-card.is-mine {
  background:
    radial-gradient(ellipse 72% 90% at 0% 50%, rgba(26, 107, 82, 0.55), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.45), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 40px rgba(26, 107, 82, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.club-card.rank {
  border-color: rgba(255, 215, 0, 0.72) !important;
}
.club-avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400);
  color: #1a1208;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.65),
    0 12px 26px rgba(255, 215, 0, 0.4) !important;
  flex-shrink: 0;
}
.club-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.club-you {
  background: rgba(143, 212, 184, 0.28) !important;
  border: 1px solid rgba(143, 212, 184, 0.65) !important;
  color: #8fd4b8 !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.club-meta {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}
.club-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
}
.club-btn {
  border-radius: 10px !important;
  padding: 7px 10px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: rgba(18, 36, 58, 0.8) !important;
  color: #fff8e7 !important;
}
.club-btn.join {
  background: linear-gradient(145deg, #1a6b52, #0d4a38) !important;
  border-color: rgba(143, 212, 184, 0.7) !important;
  box-shadow: 0 14px 30px rgba(26, 107, 82, 0.55) !important;
}
.club-btn.war {
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  color: #fff !important;
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.65),
    0 0 22px rgba(255, 152, 0, 0.3) !important;
}
.club-btn.ghost {
  border-color: rgba(255, 215, 0, 0.45) !important;
}
.club-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.club-tab {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: rgba(18, 36, 58, 0.85) !important;
  color: rgba(255, 248, 231, 0.75) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-weight: 700 !important;
}
.club-tab.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.club-war-note {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 152, 0, 0.55) !important;
  background: linear-gradient(90deg, rgba(255, 152, 0, 0.22), transparent 75%) !important;
  color: rgba(255, 236, 179, 0.9) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 62% 80% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42) !important;
  margin-bottom: 10px !important;
  padding: 12px !important;
}
.club-war-card:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 40px rgba(255, 152, 0, 0.45) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 38px rgba(255, 215, 0, 0.4) !important;
}
.club-war-score {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.45);
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.36) !important;
}
.club-badge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
}
.club-badge-card {
  background:
    radial-gradient(ellipse 60% 70% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 14px !important;
  padding: 12px 10px !important;
  text-align: center;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 70% 75% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.94)) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.4),
    0 14px 28px rgba(0, 0, 0, 0.38) !important;
}
.club-badge-card.is-locked {
  opacity: 0.72;
}
.club-badge-label {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  margin-top: 6px !important;
}
.club-count {
  margin-left: auto;
  font-weight: 800 !important;
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .club-card:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 203: Tournament deepen ── */
.tr-panel,
#tr-overlay .tr-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    radial-gradient(ellipse 45% 40% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.32) !important;
}
.tr-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.45) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
  margin-bottom: 10px !important;
  padding: 14px !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.tr-card.status-registration {
  border-color: rgba(143, 212, 184, 0.75) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 42px rgba(255, 152, 0, 0.45),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 40px rgba(26, 107, 82, 0.42),
    0 14px 34px rgba(0, 0, 0, 0.38) !important;
}
.tr-card.status-completed {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.4) !important;
}
.tr-card-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.4) !important;
}
.tr-card-status {
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  border: 1px solid transparent;
}
.tr-status-REGISTRATION {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.65) !important;
  background: rgba(26, 107, 82, 0.25) !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.3);
}
.tr-status-IN_PROGRESS {
  color: #ffab40 !important;
  border-color: rgba(255, 152, 0, 0.75) !important;
  background: rgba(255, 152, 0, 0.22) !important;
  box-shadow: 0 0 16px rgba(255, 152, 0, 0.35);
}
.tr-status-COMPLETED {
  color: #ffd700 !important;
  border-color: rgba(255, 215, 0, 0.7) !important;
  background: rgba(255, 215, 0, 0.18) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.3);
}
.tr-status-CANCELLED {
  color: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.tr-meta-pill,
.tr-card-type {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 215, 0, 0.35);
  background: rgba(255, 215, 0, 0.1);
  color: rgba(255, 236, 179, 0.85) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.tr-you-pill {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(143, 212, 184, 0.7) !important;
  background: rgba(26, 107, 82, 0.28) !important;
  color: #8fd4b8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.3);
}
.tr-fill {
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  overflow: hidden !important;
  margin: 10px 0 !important;
}
.tr-fill-bar {
  height: 100% !important;
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.65) !important;
}
.tr-btn-register:not(:disabled) {
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.tr-btn-register:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
}
.tr-btn-view {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  background:
    radial-gradient(ellipse 50% 80% at 30% 20%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  color: #fff8e7 !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.tr-btn-view:hover {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.3) !important;
}
.tr-btn-unregister {
  border: 1px solid rgba(255, 152, 0, 0.55) !important;
  background: rgba(18, 36, 58, 0.85) !important;
  color: #ffab40 !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
}
.tr-btn-back {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: rgba(18, 36, 58, 0.85) !important;
  color: #fff8e7 !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
}
.tr-countdown {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.8) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.42) !important;
}
.tr-prize-info {
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(255, 215, 0, 0.32) !important;
  color: #fff8e7 !important;
  font-weight: 700 !important;
}
.tr-champion {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.4);
}
.tr-match {
  background:
    radial-gradient(ellipse 55% 80% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 34px rgba(255, 152, 0, 0.4) !important;
}
.tr-match.completed {
  border-color: rgba(255, 215, 0, 0.75) !important;
}
.tr-match-player.winner {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.35);
}
.tr-bracket-champ {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.45), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 44px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.tournament-banner {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 32px rgba(255, 215, 0, 0.22) !important;
}
.tournament-banner.is-live {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(255, 152, 0, 0.5), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.42), rgba(8, 16, 32, 0.84)) !important;
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 152, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.5),
    inset 4px 0 0 #ff9800 !important;
}
.tournament-banner.is-registered {
  background:
    radial-gradient(ellipse 74% 100% at 0% 50%, rgba(26, 107, 82, 0.48), transparent 56%),
    linear-gradient(100deg, rgba(26, 107, 82, 0.36), rgba(8, 16, 32, 0.84)) !important;
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    0 0 40px rgba(26, 107, 82, 0.42),
    inset 4px 0 0 #8fd4b8 !important;
}

@media (prefers-reduced-motion: reduce) {
  .tr-card:hover,
  .tr-btn-register:not(:disabled):hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 204: Missions deepen ── */
.mission-panel {
  padding: 2px 0 6px;
}
.mission-banner {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 76% 100% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.45), rgba(8, 16, 32, 0.86)) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.5),
    0 14px 40px rgba(0, 0, 0, 0.44) !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin-bottom: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.46),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}
.mission-summary-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.mission-summary-label {
  color: #fff8e7 !important;
  font-weight: 700 !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.65) !important;
}
.mission-summary-bar {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  overflow: hidden !important;
}
.mission-summary-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
}
.mission-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}
.mission-card {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 20px rgba(255, 215, 0, 0.14) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(255, 215, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.mission-card.is-done {
  background:
    radial-gradient(ellipse 70% 88% at 0% 0%, rgba(143, 212, 184, 0.5), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 38px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.mission-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400);
  box-shadow: 0 12px 24px rgba(255, 215, 0, 0.55) !important;
}
.mission-icon svg {
  width: 20px;
  height: 20px;
  fill: #1a1208;
}
.mission-icon.is-done {
  background: linear-gradient(145deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 12px 24px rgba(26, 107, 82, 0.5) !important;
}
.mission-icon.is-done svg {
  fill: #fff8e7 !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.18);
}
.mission-card.is-done .mission-title {
  color: #a8e0c8 !important;
  text-shadow: none;
}
.mission-title-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}
.mission-reward {
  flex-shrink: 0;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}
.mission-card.is-done .mission-reward {
  border-color: rgba(143, 212, 184, 0.7) !important;
  background: rgba(26, 107, 82, 0.28) !important;
  color: #8fd4b8 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.28);
}
.mission-desc {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.mission-bar {
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}
.mission-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #ffe082, #ffd700, #ff9800) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.55);
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.45);
}
.mission-prog {
  font-size: 11px !important;
  color: rgba(255, 236, 179, 0.65) !important;
  margin-top: 4px !important;
  font-weight: 700 !important;
}
.mission-bonus {
  border-radius: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.mission-bonus.ready {
  background:
    radial-gradient(ellipse 78% 70% at 50% 0%, rgba(255, 152, 0, 0.5), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.998)) !important;
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    0 0 40px rgba(255, 152, 0, 0.42),
    0 14px 36px rgba(0, 0, 0, 0.42) !important;
}
.mission-bonus.claimed {
  border-color: rgba(143, 212, 184, 0.55) !important;
  color: #8fd4b8 !important;
  font-weight: 700 !important;
}
.mission-bonus.pending {
  color: rgba(255, 236, 179, 0.8) !important;
  font-weight: 700 !important;
}
.mission-bonus-text {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
}
.mission-btn {
  width: 100%;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  cursor: pointer;
}
.mission-btn:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .mission-card:hover,
  .mission-btn:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 205: Leaderboard deepen ── */
#lb-overlay {
  background:
    radial-gradient(ellipse 88% 56% at 50% 8%, rgba(255, 215, 0, 0.42), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(255, 152, 0, 0.14), transparent 55%),
    rgba(4, 8, 18, 0.98) !important;
}
.lb-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
.lb-eyebrow {
  color: rgba(255, 236, 179, 0.72) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.lb-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.48) !important;
}
.lb-subtitle {
  color: rgba(255, 236, 179, 0.62) !important;
  font-weight: 600 !important;
}
.lb-tabs {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(255, 215, 0, 0.12) !important;
  padding: 3px !important;
}
.lb-tab {
  border-radius: 11px !important;
  font-weight: 800 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  transition: color 0.15s, box-shadow 0.15s, background 0.15s !important;
}
.lb-tab:hover:not(.active) {
  color: rgba(255, 236, 179, 0.9) !important;
  background: rgba(255, 215, 0, 0.08) !important;
}
.lb-tab.active {
  background: linear-gradient(135deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  box-shadow:
    0 14px 30px rgba(255, 215, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.lb-close-x,
.lb-close {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}
.lb-close-x:hover,
.lb-close:hover {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
}
.lb-podium {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  margin: 4px 0 14px;
  padding: 8px 4px 4px;
}
.lb-podium-item {
  flex: 1;
  max-width: 110px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.lb-podium-item .lb-avatar {
  width: 44px !important;
  height: 44px !important;
  font-size: 18px !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4) !important;
}
.lb-podium-item.p1 .lb-avatar {
  width: 52px !important;
  height: 52px !important;
  border: 2px solid #ffd700 !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.55), 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.lb-podium-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lb-podium-score {
  font-weight: 800 !important;
  font-size: 12px !important;
}
.lb-podium-item.p1 .lb-podium-score { color: #ffd700 !important; text-shadow: 0 0 16px rgba(255, 215, 0, 0.55); }
.lb-podium-item.p2 .lb-podium-score { color: #b0bec5 !important; }
.lb-podium-item.p3 .lb-podium-score { color: #cd7f32 !important; }
.lb-podium-stand {
  width: 100%;
  border-radius: 10px 10px 4px 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800 !important;
  font-size: 15px !important;
  border: 1px solid transparent;
}
.lb-podium-item.p1 .lb-podium-stand {
  height: 48px;
  background: linear-gradient(180deg, rgba(255, 215, 0, 0.45), rgba(255, 215, 0, 0.12)) !important;
  border-color: rgba(255, 215, 0, 0.75) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.35);
}
.lb-podium-item.p2 .lb-podium-stand {
  height: 36px;
  background: linear-gradient(180deg, rgba(176, 190, 197, 0.4), rgba(176, 190, 197, 0.1)) !important;
  border-color: rgba(176, 190, 197, 0.7) !important;
  color: #b0bec5 !important;
}
.lb-podium-item.p3 .lb-podium-stand {
  height: 28px;
  background: linear-gradient(180deg, rgba(205, 127, 50, 0.4), rgba(205, 127, 50, 0.1)) !important;
  border-color: rgba(205, 127, 50, 0.7) !important;
  color: #cd7f32 !important;
}
.lb-crown {
  color: #ffd700;
  font-size: 20px;
  line-height: 1;
  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.7));
}
.lb-row {
  background:
    radial-gradient(ellipse 64% 95% at 0% 50%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  border-radius: 14px !important;
  margin-bottom: 8px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 30px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(255, 215, 0, 0.12) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.lb-row.top1 {
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.36), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.42),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.lb-row.top2 {
  background:
    radial-gradient(ellipse 64% 95% at 0% 50%, rgba(176, 190, 197, 0.38), transparent 56%),
    linear-gradient(90deg, rgba(176, 190, 197, 0.18), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(176, 190, 197, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #b0bec5,
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.lb-row.top3 {
  background:
    radial-gradient(ellipse 64% 95% at 0% 50%, rgba(205, 127, 50, 0.38), transparent 56%),
    linear-gradient(90deg, rgba(205, 127, 50, 0.18), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(205, 127, 50, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #cd7f32,
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.lb-row.is-me {
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(143, 212, 184, 0.5), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.4), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.4),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.lb-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.lb-stats {
  color: rgba(255, 236, 179, 0.55) !important;
  font-size: 11px !important;
}
.lb-score-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
}
.lb-score-label {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.lb-medal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 800 !important;
  font-size: 13px !important;
}
.lb-medal.m1 {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  color: #1a1208 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.65) !important;
}
.lb-medal.m2 {
  background: linear-gradient(145deg, #eceff1, #b0bec5) !important;
  color: #1a1208 !important;
  box-shadow: 0 0 14px rgba(176, 190, 197, 0.45) !important;
}
.lb-medal.m3 {
  background: linear-gradient(145deg, #e0a060, #cd7f32) !important;
  color: #1a1208 !important;
  box-shadow: 0 0 14px rgba(205, 127, 50, 0.45) !important;
}
.lb-avatar {
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.25), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.lb-avatar.top1-avatar {
  border-color: #ffd700 !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.5) !important;
}
.lb-avatar.top2-avatar {
  border-color: #b0bec5 !important;
  box-shadow: 0 0 12px rgba(176, 190, 197, 0.4) !important;
}
.lb-avatar.top3-avatar {
  border-color: #cd7f32 !important;
  box-shadow: 0 0 12px rgba(205, 127, 50, 0.4) !important;
}
.lb-you {
  display: inline-flex;
  padding: 2px 7px;
  margin-left: 4px;
  border-radius: 999px;
  border: 1px solid rgba(143, 212, 184, 0.7) !important;
  background: rgba(26, 107, 82, 0.28) !important;
  color: #8fd4b8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  vertical-align: middle;
}
.lb-me-bar {
  background:
    radial-gradient(ellipse 64% 100% at 0% 50%, rgba(143, 212, 184, 0.52), transparent 56%),
    linear-gradient(90deg, rgba(143, 212, 184, 0.48), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(143, 212, 184, 0.88) !important;
  border-radius: 14px !important;
  margin-top: 10px !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 28px rgba(26, 107, 82, 0.35) !important;
}
.lb-me-rank {
  color: #8fd4b8 !important;
  font-weight: 800 !important;
}
.lb-me-score {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.lb-empty,
#lb-body .meta-empty {
  border-color: rgba(255, 215, 0, 0.45) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lb-row:hover,
  .lb-tab {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 206: Daily rewards deepen ── */
#dr-overlay {
  background:
    radial-gradient(ellipse 88% 56% at 50% 8%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    rgba(4, 8, 18, 0.98) !important;
}
#dr-overlay .dr-panel:not(.meta-panel) {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 0 40px rgba(255, 215, 0, 0.28) !important;
}
#dr-overlay .dr-eyebrow {
  color: rgba(255, 236, 179, 0.75) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
#dr-overlay .dr-subtitle {
  color: rgba(255, 236, 179, 0.65) !important;
  font-weight: 600 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.32), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 152, 0, 0.7) !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.28) !important;
  color: rgba(255, 236, 179, 0.9) !important;
  font-weight: 700 !important;
}
#dr-overlay .dr-streak span {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.55);
}
#dr-overlay .dr-close-x,
#dr-overlay .dr-close {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}
#dr-overlay .dr-close-x:hover,
#dr-overlay .dr-close:hover {
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
}
#dr-overlay .dr-day {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 20px rgba(0, 0, 0, 0.32) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: rgba(255, 215, 0, 0.7) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 215, 0, 0.22) !important;
}
#dr-overlay .dr-day.current {
  background:
    radial-gradient(ellipse 80% 90% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.45),
    0 0 36px rgba(255, 215, 0, 0.5),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
#dr-overlay .dr-day.current .dr-day-amount {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.55);
}
#dr-overlay .dr-day.claimed {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(143, 212, 184, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.75) !important;
  box-shadow:
    inset 0 2px 0 #8fd4b8,
    0 0 20px rgba(26, 107, 82, 0.28) !important;
}
#dr-overlay .dr-day.claimed .dr-day-amount {
  color: #8fd4b8 !important;
}
#dr-overlay .dr-day.big-bonus:not(.claimed) {
  background:
    radial-gradient(ellipse 80% 90% at 50% 0%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(8, 16, 28, 0.998)) !important;
  border-color: rgba(255, 152, 0, 0.85) !important;
  box-shadow:
    0 0 28px rgba(255, 152, 0, 0.35),
    0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
#dr-overlay .dr-day.big-bonus:not(.claimed) .dr-day-amount {
  color: #ffab40 !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-day .dr-day-icon {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.4));
}
#dr-overlay .dr-day.claimed .dr-day-icon {
  color: #8fd4b8 !important;
  filter: drop-shadow(0 0 8px rgba(26, 107, 82, 0.4));
}
#dr-overlay .dr-day.big-bonus:not(.claimed) .dr-day-icon {
  color: #ffab40 !important;
  filter: drop-shadow(0 0 10px rgba(255, 152, 0, 0.55));
}
#dr-overlay .dr-day-check {
  background: rgba(26, 107, 82, 0.85) !important;
  color: #fff8e7 !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.5);
}
#dr-overlay .dr-claim-area.is-ready {
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255, 152, 0, 0.55);
  background:
    radial-gradient(ellipse 78% 70% at 50% 0%, rgba(255, 152, 0, 0.28), transparent 56%),
    rgba(8, 16, 28, 0.5);
  box-shadow: 0 0 28px rgba(255, 152, 0, 0.22);
}
#dr-overlay .dr-claim-btn:not(:disabled) {
  width: 100%;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#dr-overlay .dr-claim-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}
#dr-overlay .dr-claim-btn:disabled {
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  background: rgba(18, 36, 58, 0.85) !important;
  color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}
#dr-overlay .dr-timer {
  color: rgba(255, 236, 179, 0.7) !important;
  font-weight: 700 !important;
  margin-top: 8px !important;
}
#dr-overlay .dr-panel.claim-ready .dr-timer {
  color: #ffd700 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
}
#dr-overlay .dr-progress {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  overflow: hidden !important;
  margin-top: 12px !important;
}
#dr-overlay .dr-progress-bar {
  height: 100% !important;
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.75) !important;
}
.dr-badge {
  background: linear-gradient(145deg, #ffab40, #e65100) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(255, 152, 0, 0.55) !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  #dr-overlay .dr-day:hover:not(.locked),
  #dr-overlay .dr-claim-btn:not(:disabled):hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 207: Settings / History deepen ── */
#settings-overlay {
  background:
    radial-gradient(ellipse 88% 56% at 50% 8%, rgba(255, 215, 0, 0.38), transparent 56%),
    radial-gradient(ellipse 46% 40% at 100% 100%, rgba(255, 152, 0, 0.14), transparent 55%),
    rgba(4, 8, 18, 0.98) !important;
}
.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
.settings-eyebrow {
  color: rgba(255, 236, 179, 0.75) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.settings-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.settings-sub {
  color: rgba(255, 236, 179, 0.65) !important;
  font-weight: 600 !important;
}
.settings-row label,
.settings-row .settings-label {
  color: rgba(255, 236, 179, 0.85) !important;
  font-weight: 700 !important;
}
.settings-row input[type=text] {
  background: linear-gradient(160deg, rgba(10, 20, 36, 0.98), rgba(6, 14, 26, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.settings-options .opt-btn {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  border-radius: 11px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.32) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.settings-options .opt-btn:hover:not(.selected):not(:disabled) {
  border-color: rgba(255, 215, 0, 0.72) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.38), 0 0 18px rgba(255, 215, 0, 0.2) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  color: #1a1208 !important;
  box-shadow:
    0 14px 30px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.settings-btns .btn-cancel-confirm {
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
}
.settings-btns .btn-create-room {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.settings-btns .btn-create-room:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48) !important;
  transform: translateY(-1px);
}

#hist-overlay,
#replay-overlay {
  background:
    radial-gradient(ellipse 88% 56% at 50% 8%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(26, 107, 82, 0.18), transparent 55%),
    rgba(4, 8, 18, 0.98) !important;
}
.hist-panel,
.replay-panel {
  background:
    radial-gradient(ellipse 86% 52% at 50% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.74),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
.hist-eyebrow,
.replay-eyebrow {
  color: rgba(255, 236, 179, 0.75) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.4);
}
.hist-title,
.replay-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.48) !important;
}
.hist-meta,
.replay-subtitle {
  color: rgba(255, 236, 179, 0.65) !important;
  font-weight: 600 !important;
}
.hist-item {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 12px !important;
  margin-bottom: 6px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.36) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.hist-item:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  transform: translateY(-1px);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.44),
    0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.hist-item.hist-finish {
  background:
    radial-gradient(ellipse 70% 90% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 36px rgba(255, 215, 0, 0.4) !important;
}
.hist-item.hist-self {
  background:
    radial-gradient(ellipse 70% 90% at 0% 50%, rgba(143, 212, 184, 0.42), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 30px rgba(26, 107, 82, 0.35) !important;
}
.hist-item .hist-player {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.hist-empty-ico {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #1a1208 !important;
  box-shadow: 0 14px 34px rgba(255, 215, 0, 0.45) !important;
}
.hist-empty-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.hist-btn-replay {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.65),
    0 0 26px rgba(255, 152, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.hist-btn-close,
.hist-btn-x,
.replay-close {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.9)) !important;
  color: #ffd700 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}
.replay-item {
  background:
    radial-gradient(ellipse 64% 82% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.36) !important;
}
.replay-item.replay-active {
  background:
    radial-gradient(ellipse 70% 90% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 36px rgba(255, 215, 0, 0.4) !important;
}
.replay-btn {
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  border-radius: 10px !important;
}
.replay-btn.active {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.45) !important;
}
.replay-progress {
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 32, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  overflow: hidden !important;
}
.replay-progress-bar {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ff9800) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.65) !important;
}

@media (prefers-reduced-motion: reduce) {
  .settings-options .opt-btn:hover:not(.selected),
  .settings-btns .btn-create-room:hover,
  .hist-item:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 208: Lobby / Room browser deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -8%, rgba(255, 215, 0, 0.5), transparent 52%),
    radial-gradient(ellipse at 6% 68%, rgba(26, 107, 82, 0.52), transparent 46%),
    radial-gradient(ellipse at 96% 100%, rgba(255, 140, 0, 0.42), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 92% 115% at 4% 50%, rgba(255, 152, 0, 0.68), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.58), rgba(18, 36, 58, 0.82) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 183, 77, 0.95) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.7),
    0 0 48px rgba(255, 152, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}
.lobby-play-hero:hover {
  transform: translateY(-3px);
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 48px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.lobby-play-hero .lph-ico {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  box-shadow:
    0 0 44px rgba(255, 215, 0, 0.7),
    0 10px 22px rgba(0, 0, 0, 0.4) !important;
}
.lobby-play-hero .lph-copy strong {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
.lobby-mode-toggle {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(255, 215, 0, 0.14) !important;
  padding: 3px !important;
}
.lobby-mode-btn {
  border-radius: 11px !important;
  font-weight: 800 !important;
  color: rgba(255, 255, 255, 0.55) !important;
}
.lobby-mode-btn:hover:not(.active) {
  color: rgba(255, 236, 179, 0.9) !important;
  background: rgba(255, 215, 0, 0.08) !important;
}
.lobby-mode-btn.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.75) !important;
  background: linear-gradient(145deg, #8fd4b8, #1a6b52) !important;
  color: #fff8e7 !important;
  font-weight: 800 !important;
  box-shadow:
    0 14px 40px rgba(26, 107, 82, 0.7),
    0 0 28px rgba(26, 107, 82, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.lobby-btn.create:hover {
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.8),
    0 0 36px rgba(26, 107, 82, 0.45) !important;
  transform: translateY(-1px);
}
.lobby-btn.refresh {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32) !important;
}
.lobby-btn.refresh:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.35) !important;
}
.lobby-info {
  color: rgba(255, 236, 179, 0.65) !important;
  font-weight: 600 !important;
}
.room-card {
  background:
    radial-gradient(ellipse 64% 90% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.52) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 18px rgba(255, 215, 0, 0.12) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
  margin-bottom: 10px !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(255, 215, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(143, 212, 184, 0.42), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.28), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.35),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(255, 152, 0, 0.45), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.28), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 152, 0, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 36px rgba(255, 152, 0, 0.4),
    0 14px 30px rgba(0, 0, 0, 0.38) !important;
}
.room-card.is-playing {
  border-color: rgba(255, 152, 0, 0.75) !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 12px 26px rgba(0, 0, 0, 0.36) !important;
}
.room-card.status-full {
  border-color: rgba(255, 255, 255, 0.25) !important;
  opacity: 0.85;
}
.room-card .room-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.room-card .seat-dots span {
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  background: rgba(8, 18, 32, 0.9) !important;
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.55) !important;
}
.lobby-empty {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.2), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.lobby-empty .icon {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  color: #1a1208 !important;
  box-shadow: 0 14px 30px rgba(255, 215, 0, 0.45) !important;
}
.lobby-empty-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 28px rgba(255, 215, 0, 0.45) !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.lobby-cta-bar > i {
  background: linear-gradient(90deg, #fff3c4, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.85);
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .room-card:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 209: Board / Topbar deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 70% 180% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    radial-gradient(ellipse 52% 140% at 100% 50%, rgba(255, 152, 0, 0.24), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 48px rgba(255, 215, 0, 0.28) !important;
}
#topbar .tb-chip {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.34) !important;
  font-weight: 700 !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.92) !important;
  color: #fff8e7 !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.95) !important;
  background: linear-gradient(145deg, rgba(26, 107, 82, 0.75), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 32px rgba(26, 107, 82, 0.65) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 106, 0, 0.58), rgba(42, 22, 10, 0.92)) !important;
  box-shadow: 0 0 30px rgba(255, 106, 0, 0.58) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.8) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.4), rgba(18, 36, 58, 0.94)) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #b5a894,
    0 14px 26px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.36) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 3px 0 #c9a227,
    0 14px 26px rgba(212, 175, 55, 0.65),
    0 0 40px rgba(255, 215, 0, 0.6) !important;
}

#turn-banner {
  background:
    radial-gradient(ellipse 68% 140% at 10% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.46) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 80% 170% at 18% 50%, rgba(255, 215, 0, 0.52), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.95)) !important;
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.55),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 78% 170% at 18% 50%, rgba(255, 106, 0, 0.62), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.58), rgba(42, 18, 8, 0.98)) !important;
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 1px rgba(255, 106, 0, 0.55),
    0 14px 40px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(255, 106, 0, 0.62) !important;
}
#turn-banner.mine .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.6),
    0 0 28px rgba(255, 215, 0, 1) !important;
}
#turn-banner.urgent .tb-dot {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.65),
    0 0 28px rgba(255, 138, 0, 1) !important;
}
#turn-banner.mine .tb-tag {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.85)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 2px 20px rgba(255, 215, 0, 0.45) !important;
}
#turn-banner.mine .tb-bar > i {
  background: linear-gradient(90deg, #1a6b52, #8fd4b8, #ffe082, #ffd700, #ff9800) !important;
  box-shadow: 0 0 22px rgba(143, 212, 184, 0.8) !important;
}
#turn-banner.urgent .tb-bar > i,
#turn-banner .tb-bar > i.is-urgent {
  background: linear-gradient(90deg, #bf360c, #ff6a00, #ffab40) !important;
  box-shadow: 0 0 22px rgba(255, 106, 0, 0.88) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 72% 65% at 50% 0%, rgba(255, 215, 0, 0.34), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 32px rgba(255, 215, 0, 0.18) !important;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.52),
    0 0 36px rgba(255, 215, 0, 0.3) !important;
}
.opp-card.active {
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.5),
    0 14px 40px rgba(0, 0, 0, 0.5) !important;
}
.opp-card.offline {
  border-color: rgba(255, 152, 0, 0.85) !important;
  box-shadow:
    inset 3px 0 0 #ff6f00,
    0 0 28px rgba(255, 106, 0, 0.35) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.65) !important;
}
.opp-card.active .name {
  color: #ffd700 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.5);
}
.opp-card .turn-chip {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  color: #1a1208 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.55) !important;
}
.opp-card .tile-back {
  border-color: rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 215, 0, 0.25) !important;
}

#center-board {
  gap: 8px !important;
}
.center-panel,
.deck-panel {
  background:
    radial-gradient(ellipse 72% 58% at 50% 0%, rgba(255, 215, 0, 0.3), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.92), rgba(6, 12, 22, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(255, 215, 0, 0.16) !important;
}
.panel-caption {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.4) !important;
}
.set-group {
  background:
    radial-gradient(ellipse 64% 75% at 0% 0%, rgba(255, 215, 0, 0.3), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 20px rgba(255, 215, 0, 0.12) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.28) !important;
}
.set-group.mine {
  background:
    radial-gradient(ellipse 64% 75% at 0% 0%, rgba(143, 212, 184, 0.45), transparent 52%),
    linear-gradient(155deg, rgba(26, 107, 82, 0.6), rgba(8, 16, 28, 0.95)) !important;
  border-color: rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 32px rgba(26, 107, 82, 0.35) !important;
}
.set-group.just-opened {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.75),
    0 14px 38px rgba(255, 215, 0, 0.42),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
#goal-indicator {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.9)) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.36),
    0 0 28px rgba(255, 215, 0, 0.28) !important;
}

.discard-panel {
  background:
    radial-gradient(ellipse 68% 55% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.85), rgba(6, 12, 22, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.4),
    0 0 26px rgba(255, 215, 0, 0.14) !important;
}
.discard-panel.can-pick {
  border-color: rgba(143, 212, 184, 0.95) !important;
  background:
    radial-gradient(ellipse 76% 68% at 50% 0%, rgba(26, 107, 82, 0.58), transparent 56%),
    linear-gradient(165deg, rgba(26, 107, 82, 0.58), rgba(8, 16, 28, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(26, 107, 82, 0.6),
    0 0 44px rgba(26, 107, 82, 0.5),
    0 14px 34px rgba(0, 0, 0, 0.42) !important;
}
#discard-pile .mini-tile.discard-top {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96) inset,
    0 5px 0 #b5a894,
    0 14px 36px rgba(0, 0, 0, 0.55),
    0 0 30px rgba(255, 215, 0, 0.32) !important;
}
#discard-pile.can-pick .mini-tile.discard-top {
  box-shadow:
    0 0 0 3px rgba(26, 107, 82, 0.78),
    0 0 42px rgba(26, 107, 82, 0.7),
    0 14px 32px rgba(0, 0, 0, 0.48) !important;
}
#discard-pile.drop-hover {
  outline: 2px solid rgba(255, 152, 0, 0.9);
  box-shadow: 0 0 40px rgba(255, 152, 0, 0.55) !important;
}
.an-menu-btn {
  border-color: rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 24px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(255, 215, 0, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card:hover,
  .opp-card.active,
  #turn-banner.mine,
  #turn-banner.urgent {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 210: Actions / Rack / Dock deepen ── */
#actions .actions-primary {
  background:
    radial-gradient(ellipse 84% 130% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 58%),
    radial-gradient(ellipse 42% 60% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(8, 18, 32, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 38px rgba(0, 0, 0, 0.48),
    0 0 34px rgba(255, 215, 0, 0.22) !important;
}
#actions .btn {
  min-height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 22px rgba(0, 0, 0, 0.38) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
}
#actions .btn:not([disabled]):hover {
  transform: translateY(-2px);
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.32) !important;
}
#actions .btn-draw:not([disabled]) {
  background: linear-gradient(160deg, #3cb896, #1a6b52, #0e3f32) !important;
  border-color: rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    0 14px 34px rgba(26, 107, 82, 0.65),
    0 0 26px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
#actions .btn-elden:not([disabled]) {
  background: linear-gradient(160deg, #66bb9a, #2a9478, #1a6b52) !important;
  border-color: rgba(168, 224, 200, 0.8) !important;
  box-shadow:
    0 14px 34px rgba(76, 175, 136, 0.58),
    0 0 24px rgba(143, 212, 184, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 34px rgba(230, 81, 0, 0.68),
    0 0 28px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn.cta-pulse:not([disabled]) {
  animation: ctaPulse 1.2s ease-in-out infinite !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34) !important;
}

#rack-section {
  background:
    radial-gradient(ellipse 74% 85% at 50% 0%, rgba(255, 183, 77, 0.28), transparent 55%),
    linear-gradient(180deg, rgba(72, 44, 24, 0.62), rgba(18, 10, 6, 0.4)) !important;
  border-radius: 16px 16px 18px 18px !important;
  box-shadow:
    0 -10px 32px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 220, 160, 0.16) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 44px rgba(255, 215, 0, 0.36),
    0 -10px 32px rgba(0, 0, 0, 0.34) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 2px rgba(255, 138, 0, 0.75),
    0 0 48px rgba(255, 138, 0, 0.48),
    0 -10px 32px rgba(0, 0, 0, 0.36) !important;
}
#rack-header .rack-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0 18px rgba(255, 215, 0, 0.28) !important;
}
#rack-header .rack-title #hand-count {
  color: #ffe082 !important;
  text-shadow: 0 0 16px rgba(255, 224, 130, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 200, 120, 0.28), transparent 46%),
    linear-gradient(180deg, #422818 0%, #1a0e08 55%, #100804 100%) !important;
  border: 1px solid rgba(196, 154, 98, 0.48) !important;
  box-shadow:
    inset 0 14px 36px rgba(0, 0, 0, 0.88),
    inset 0 -3px 12px rgba(255, 200, 140, 0.16),
    0 14px 30px rgba(0, 0, 0, 0.42) !important;
}
.rack-slot.drop-target {
  background: rgba(255, 215, 0, 0.22) !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.3) !important;
}
.rack-arrange-btn {
  border-radius: 999px !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.32) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.rack-arrange-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.38), 0 0 18px rgba(255, 215, 0, 0.25) !important;
}
.rack-arrange-btn.per {
  border-color: rgba(255, 183, 77, 0.85) !important;
  background: linear-gradient(145deg, rgba(255, 183, 77, 0.4), rgba(60, 32, 8, 0.9)) !important;
  color: #ffb74d !important;
}
.rack-arrange-btn.cift {
  border-color: rgba(255, 138, 101, 0.85) !important;
  background: linear-gradient(145deg, rgba(255, 138, 101, 0.4), rgba(60, 32, 8, 0.9)) !important;
  color: #ff8a65 !important;
}
.rack-arrange-btn.open:not(:disabled) {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  border-color: rgba(255, 215, 0, 0.8) !important;
  box-shadow: 0 12px 24px rgba(230, 81, 0, 0.55), 0 0 18px rgba(255, 152, 0, 0.35) !important;
}
.rack-arrange-btn.isle:not(:disabled) {
  background: linear-gradient(145deg, #4db6ac, #00897b, #00695c) !important;
  color: #fff !important;
  border-color: rgba(128, 222, 234, 0.7) !important;
  box-shadow: 0 12px 24px rgba(0, 137, 123, 0.5), 0 0 16px rgba(38, 166, 154, 0.35) !important;
}
.rack-arrange-btn.cift-open:not(:disabled) {
  background: linear-gradient(145deg, #ff7043, #e64a19, #bf360c) !important;
  color: #fff !important;
  border-color: rgba(255, 171, 145, 0.7) !important;
  box-shadow: 0 12px 24px rgba(191, 54, 12, 0.55), 0 0 16px rgba(255, 87, 34, 0.35) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 14px 28px rgba(255, 215, 0, 0.55), 0 0 24px rgba(255, 215, 0, 0.4) !important;
}
.rack-arrange-btn.open.cta-pulse:not(:disabled),
.rack-arrange-btn.isle.cta-pulse:not(:disabled),
.rack-arrange-btn.cift-open.cta-pulse:not(:disabled),
.rack-arrange-btn.open.open-ready:not(:disabled) {
  animation: ctaPulse 1.2s ease-in-out infinite !important;
}
.tile.selected {
  transform: translateY(-10px) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 2px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.32),
    0 14px 30px rgba(0, 0, 0, 0.45),
    0 0 28px rgba(255, 215, 0, 0.42) !important;
}

#table-dock,
#btn-chat,
#btn-gift,
.dock-btn {
  border-color: rgba(255, 215, 0, 0.85) !important;
}
#btn-chat,
#btn-gift,
.dock-btn {
  background:
    radial-gradient(ellipse 70% 70% at 30% 20%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 12, 24, 0.998)) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.55),
    0 0 32px rgba(255, 215, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 42px rgba(255, 215, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-2px);
}
.dock-btn.active {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.45),
    0 0 40px rgba(255, 152, 0, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover:not(:disabled),
  .dock-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .tile.selected {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 211: Chat / Gift deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 82% 115% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.38), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.68) !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 64% 90% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.58) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
  margin-bottom: 6px !important;
}
.chat-line.me {
  background:
    radial-gradient(ellipse 70% 95% at 100% 50%, rgba(143, 212, 184, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.42) !important;
}
.chat-line.gift {
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(255, 152, 0, 0.45), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 40px rgba(255, 152, 0, 0.45) !important;
}
.chat-quick button {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(ellipse 60% 60% at 30% 20%, rgba(255, 215, 0, 0.24), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 22px rgba(0, 0, 0, 0.36) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.chat-quick button:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  transform: translateY(-1px);
  box-shadow:
    0 0 32px rgba(255, 215, 0, 0.42),
    0 14px 28px rgba(0, 0, 0, 0.42) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  background: linear-gradient(160deg, rgba(10, 20, 36, 0.98), rgba(6, 14, 26, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 12px !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.3) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 30px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.8),
    0 0 36px rgba(255, 152, 0, 0.5) !important;
  transform: translateY(-1px);
}
.gift-hint {
  color: rgba(255, 236, 179, 0.75) !important;
  font-weight: 700 !important;
}
.gift-targets button {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.18), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34) !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.gift-targets button:hover {
  border-color: rgba(255, 215, 0, 0.75) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 70% 70% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 34px rgba(0, 0, 0, 0.42) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.98) !important;
  transform: translateY(-2px);
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(255, 152, 0, 0.48) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.92) !important;
}
.gift-grid button .g-emo svg {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.45));
}
.gift-grid button .g-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.gift-grid button small {
  color: #ffab40 !important;
  font-weight: 700 !important;
}
.gift-anim {
  filter: drop-shadow(0 0 18px rgba(255, 215, 0, 0.55));
}

@media (prefers-reduced-motion: reduce) {
  .gift-grid button:hover,
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ── Pass 212: Round / Game end deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.68), transparent 54%),
    radial-gradient(ellipse at 12% 92%, rgba(26, 107, 82, 0.52), transparent 48%),
    radial-gradient(ellipse at 94% 68%, rgba(255, 140, 0, 0.42), transparent 46%),
    rgba(4, 8, 18, 0.985) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 152, 0, 0.34), transparent 54%),
    radial-gradient(ellipse at 18% 90%, rgba(191, 106, 74, 0.34), transparent 48%),
    rgba(4, 8, 18, 0.985) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
#go-overlay.i-won .go-card {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.6),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.7),
    0 0 42px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#go-overlay .winner-name {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
  font-weight: 800 !important;
}
#go-overlay .winner-points {
  color: #ffe082 !important;
  text-shadow: 0 0 18px rgba(255, 224, 130, 0.45) !important;
}
.go-score-row {
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 12px !important;
  margin-bottom: 6px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.32) !important;
}
.go-score-row.winner {
  border-color: rgba(255, 215, 0, 0.98) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.38), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 44px rgba(255, 215, 0, 0.48) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 40px rgba(26, 107, 82, 0.48) !important;
}
.go-pill.up {
  background: rgba(26, 107, 82, 0.32) !important;
  color: #8fd4b8 !important;
  border: 1px solid rgba(143, 212, 184, 0.65) !important;
  box-shadow: 0 0 12px rgba(26, 107, 82, 0.3);
}
.go-pill.down {
  background: rgba(191, 106, 74, 0.28) !important;
  color: #ffccbc !important;
  border: 1px solid rgba(191, 106, 74, 0.6) !important;
}
.go-pill.xp {
  background: rgba(255, 215, 0, 0.2) !important;
  color: #ffe082 !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 38px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.32), transparent 52%),
    radial-gradient(ellipse at 90% 90%, rgba(255, 152, 0, 0.14), transparent 50%),
    rgba(4, 8, 18, 0.92) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.re-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.re-winner b {
  color: #ffd700 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.45);
}
.re-flag {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 18px rgba(255, 215, 0, 0.55)) !important;
}
.re-dot.done,
.re-dot.active {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.55) !important;
}
.re-row {
  background:
    radial-gradient(ellipse 60% 90% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.32) !important;
  margin-bottom: 6px !important;
}
.re-row.winner {
  border-color: rgba(255, 215, 0, 0.98) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.38), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.45) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.4) !important;
}
.re-ring-fg { stroke: #ffd700 !important; }
.re-ring-num { color: #ffd700 !important; font-weight: 800 !important; }

@media (prefers-reduced-motion: reduce) {
  #go-overlay.i-won .go-trophy,
  .re-flag {
    animation: none !important;
  }
}

/* ── Pass 213: Matchmaking / Spectate deepen ── */
#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 215, 0, 0.58), transparent 54%),
    radial-gradient(ellipse at 8% 92%, rgba(26, 107, 82, 0.48), transparent 48%),
    radial-gradient(ellipse at 96% 68%, rgba(255, 140, 0, 0.38), transparent 46%),
    rgba(4, 8, 18, 0.985) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.45),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 152, 0, 0.55) !important;
}
.mm-card h2,
.lw-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.55) !important;
  font-weight: 800 !important;
}
.mm-sub,
.lw-text {
  color: rgba(255, 255, 255, 0.78) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  background:
    radial-gradient(ellipse 70% 90% at 40% 20%, rgba(255, 255, 255, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.4),
    0 0 22px rgba(255, 215, 0, 0.45) !important;
  color: #ffd700 !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 0 28px rgba(26, 107, 82, 0.5),
    0 10px 24px rgba(0, 0, 0, 0.4) !important;
  color: #8fd4b8 !important;
}
.mm-seat:not(.filled) {
  border: 1px dashed rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 16, 28, 0.72) !important;
  color: rgba(255, 255, 255, 0.42) !important;
}
.mm-progress > i,
.lw-progress > i {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.88) !important;
}
.mm-fill,
#lw-fill {
  color: #ffe082 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 224, 130, 0.4);
}
.mm-tip,
.lw-tip {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.lw-code-wrap {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    0 0 42px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.28), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.75) !important;
  color: #ffcc80 !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
  font-weight: 800 !important;
}
.lw-share {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
.mf-card {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.mf-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.6) !important;
  font-weight: 800 !important;
}
.mf-eyebrow {
  color: #ffe082 !important;
  letter-spacing: 0.12em !important;
}

#spectator-banner {
  background:
    radial-gradient(ellipse 70% 200% at 50% -35%, rgba(255, 215, 0, 0.62), transparent 58%),
    linear-gradient(90deg,
      rgba(4, 12, 24, 0.998),
      rgba(22, 52, 78, 0.998) 48%,
      rgba(4, 12, 24, 0.998)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 215, 0, 0.48),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
#spectator-banner strong {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.66), rgba(14, 30, 50, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 2px 28px rgba(255, 215, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  color: #ffd700 !important;
}
#spectator-banner .spec-dot {
  background: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.62),
    0 0 32px rgba(255, 215, 0, 1) !important;
}
#game.is-spectating #topbar {
  box-shadow:
    inset 0 -1px 0 rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.3) !important;
}
#game.is-spectating #topbar .tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.94)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 38px rgba(255, 215, 0, 0.42) !important;
}
#game.is-spectating #rack-container {
  background:
    radial-gradient(ellipse 78% 95% at 50% 35%, rgba(255, 215, 0, 0.38), transparent 62%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.9), rgba(6, 14, 26, 0.97)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 0 48px rgba(255, 215, 0, 0.24),
    0 14px 40px rgba(0, 0, 0, 0.48) !important;
}
#game.is-spectating #rack-container::after {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.92)) !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.46),
    0 0 40px rgba(255, 215, 0, 0.4) !important;
}

.spect-row {
  background:
    radial-gradient(ellipse 72% 100% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 28px rgba(255, 215, 0, 0.18) !important;
}
.spect-row:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 44px rgba(255, 215, 0, 0.4) !important;
}
.spect-live {
  background: linear-gradient(135deg, rgba(40, 150, 110, 0.99), rgba(12, 58, 44, 0.99)) !important;
  border: 1px solid rgba(143, 212, 184, 0.95) !important;
  box-shadow: 0 0 30px rgba(46, 160, 120, 0.68) !important;
}
.spect-elo {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.65) !important;
  font-weight: 800 !important;
}
.spect-watch {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 32px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.spect-watch:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.8),
    0 0 40px rgba(255, 152, 0, 0.62) !important;
}
.spect-empty-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.58), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 14px 40px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  #spectator-banner .spec-dot,
  .spect-live,
  .spect-row,
  .spect-watch,
  .mm-seat.filled,
  #game.is-spectating #rack-container {
    animation: none !important;
    transition: none !important;
  }
  .spect-row:hover,
  .spect-watch:hover {
    transform: none;
  }
}

/* ── Pass 214: Confirm / Leave / UX tip deepen ── */
#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 12% 90%, rgba(191, 106, 74, 0.28), transparent 48%),
    radial-gradient(ellipse at 92% 70%, rgba(255, 140, 0, 0.22), transparent 46%),
    rgba(4, 8, 18, 0.96) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.36) !important;
}
.confirm-card.tone-danger {
  border-color: rgba(255, 152, 0, 0.95) !important;
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(230, 81, 0, 0.45) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.92) !important;
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(26, 107, 82, 0.4), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.35),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(255, 215, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.confirm-card.tone-danger .confirm-ico {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(255, 152, 0, 0.62), rgba(18, 36, 58, 0.95)) !important;
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 14px 40px rgba(255, 152, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.confirm-card.tone-safe .confirm-ico {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(143, 212, 184, 0.55), rgba(18, 36, 58, 0.95)) !important;
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(26, 107, 82, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
#confirm-overlay .confirm-sub {
  color: rgba(255, 255, 255, 0.72) !important;
}
#confirm-overlay .confirm-penalty {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.7) !important;
  border-radius: 12px !important;
  color: #ffcc80 !important;
  box-shadow: 0 10px 22px rgba(230, 81, 0, 0.28) !important;
  font-weight: 700 !important;
}
#confirm-overlay .confirm-coins {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  border-radius: 12px !important;
  color: #ffe082 !important;
  box-shadow: 0 10px 22px rgba(255, 215, 0, 0.22) !important;
  font-weight: 700 !important;
}
#confirm-overlay .confirm-rules {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32) !important;
}
#confirm-overlay .confirm-rules .cr-head {
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}
#confirm-overlay .confirm-btns .btn-leave {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 32px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#confirm-overlay .confirm-btns .btn-play {
  background: linear-gradient(160deg, #8fd4b8, #1a6b52, #0d3d2e) !important;
  border: 1px solid rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    0 14px 40px rgba(26, 107, 82, 0.65),
    0 0 28px rgba(143, 212, 184, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  color: #ffe082 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
  font-weight: 700 !important;
}

#ux-tip {
  background:
    radial-gradient(ellipse 80% 100% at 8% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(8, 18, 32, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}
#ux-tip.is-ok {
  background:
    radial-gradient(ellipse 80% 100% at 8% 0%, rgba(143, 212, 184, 0.38), transparent 55%),
    linear-gradient(145deg, rgba(12, 40, 32, 0.98), rgba(8, 24, 18, 0.995)) !important;
  border-color: rgba(143, 212, 184, 0.85) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  background:
    radial-gradient(ellipse 80% 100% at 8% 0%, rgba(255, 152, 0, 0.38), transparent 55%),
    linear-gradient(145deg, rgba(42, 28, 12, 0.98), rgba(22, 14, 8, 0.995)) !important;
  border-color: rgba(255, 152, 0, 0.88) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(230, 81, 0, 0.42) !important;
}
#ux-tip .ux-tip-ico {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.45), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.4) !important;
}
#ux-tip.is-ok .ux-tip-ico {
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.5), rgba(12, 40, 32, 0.9)) !important;
  border-color: rgba(143, 212, 184, 0.8) !important;
  box-shadow: 0 0 18px rgba(26, 107, 82, 0.45) !important;
}
#ux-tip.is-warn .ux-tip-ico {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.5), rgba(42, 28, 12, 0.9)) !important;
  border-color: rgba(255, 152, 0, 0.85) !important;
  box-shadow: 0 0 18px rgba(255, 152, 0, 0.45) !important;
}
#ux-tip .ux-tip-msg {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 600 !important;
}

.game-toast {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.game-toast.ok {
  border-color: rgba(143, 212, 184, 0.75) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(26, 107, 82, 0.35) !important;
}
.game-toast.warn {
  border-color: rgba(255, 152, 0, 0.8) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(230, 81, 0, 0.38) !important;
}

@media (prefers-reduced-motion: reduce) {
  #confirm-overlay .confirm-card,
  #ux-tip,
  .game-toast {
    animation: none !important;
    transition: none !important;
  }
  #ux-tip:hover {
    transform: translateX(-50%);
  }
}

/* ── Pass 215: Login / Auth deepen ── */
#login-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.55), transparent 52%),
    radial-gradient(ellipse at 8% 92%, rgba(26, 107, 82, 0.48), transparent 48%),
    radial-gradient(ellipse at 96% 68%, rgba(255, 140, 0, 0.34), transparent 46%),
    linear-gradient(175deg, #0a1528 0%, #081225 48%, #050b16 100%) !important;
}
.login-atmosphere {
  background:
    radial-gradient(circle at 22% 78%, rgba(26, 107, 82, 0.32), transparent 42%),
    radial-gradient(circle at 88% 24%, rgba(255, 140, 0, 0.22), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(255, 215, 0, 0.2), transparent 40%) !important;
}
.login-container {
  background:
    radial-gradient(ellipse 92% 55% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.55), rgba(6, 12, 24, 0.35)) !important;
  border-radius: 24px !important;
  padding: 8px 4px !important;
}
.login-logo {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.35), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.95), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.35),
    0 14px 44px rgba(255, 140, 0, 0.48),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.login-logo-inner {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.65) !important;
  font-weight: 900 !important;
}
.login-title {
  color: #ffd700 !important;
  text-shadow: 0 2px 32px rgba(255, 215, 0, 0.55) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
.login-subtitle {
  color: rgba(255, 255, 255, 0.72) !important;
}
.login-primary {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.72),
    0 0 38px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.login-primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 46px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
.login-primary .lp-ico {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.4) !important;
}
.login-divider span:first-child,
.login-divider span:last-child {
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.55), transparent) !important;
}
.login-divider span:nth-child(2) {
  color: rgba(255, 224, 130, 0.75) !important;
  font-weight: 700 !important;
}
.login-tabs {
  background:
    radial-gradient(ellipse 80% 100% at 50% 0%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.95), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}
.login-tab.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.85)) !important;
  color: #ffd700 !important;
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
  font-weight: 800 !important;
}
.login-input {
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.95), rgba(4, 10, 20, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.login-input:focus {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.28),
    0 0 24px rgba(255, 215, 0, 0.28) !important;
}
.login-form-btn {
  background: linear-gradient(160deg, #ffe082, #ffd700, #f0b400) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #1a1200 !important;
  font-weight: 800 !important;
  box-shadow:
    0 14px 36px rgba(255, 215, 0, 0.45),
    0 0 28px rgba(255, 215, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.login-form-btn:hover {
  box-shadow:
    0 14px 42px rgba(255, 215, 0, 0.55),
    0 0 34px rgba(255, 215, 0, 0.45) !important;
}
.login-error:not(:empty) {
  background: linear-gradient(160deg, rgba(191, 106, 74, 0.32), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 152, 0, 0.7) !important;
  box-shadow: 0 10px 22px rgba(191, 106, 74, 0.28) !important;
  color: #ffcc80 !important;
}
.login-more {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.14), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.9), rgba(8, 18, 32, 0.96)) !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32) !important;
}
.login-more summary {
  color: rgba(255, 224, 130, 0.78) !important;
  font-weight: 700 !important;
}
.login-btn {
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 18, 32, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  color: rgba(255, 236, 210, 0.92) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.36) !important;
  font-weight: 700 !important;
}
.login-btn:hover {
  border-color: rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .login-logo,
  .login-form-btn,
  .login-btn,
  .login-primary,
  .login-tab {
    animation: none !important;
    transition: none !important;
  }
  .login-form-btn:hover,
  .login-btn:hover,
  .login-primary:hover {
    transform: none;
  }
}

/* ── Pass 216: Tournament / Bracket deepen ── */
#tr-overlay {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.48), transparent 52%),
    radial-gradient(ellipse at 10% 90%, rgba(26, 107, 82, 0.36), transparent 48%),
    radial-gradient(ellipse at 94% 70%, rgba(255, 140, 0, 0.28), transparent 46%),
    rgba(4, 8, 18, 0.96) !important;
}
.tr-panel,
#tr-overlay .tr-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tr-title {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
}
.tr-eyebrow {
  color: #ffe082 !important;
  letter-spacing: 0.12em !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(255, 215, 0, 0.22) !important;
}
.tr-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 44px rgba(255, 215, 0, 0.4) !important;
}
.tr-card.status-registration {
  border-color: rgba(143, 212, 184, 0.88) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.55),
    0 14px 38px rgba(0, 0, 0, 0.44) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.52),
    0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
.tr-card.status-completed {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.tr-card-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.tr-status-REGISTRATION {
  color: #8fd4b8 !important;
  border-color: rgba(143, 212, 184, 0.85) !important;
  background: rgba(26, 107, 82, 0.32) !important;
  box-shadow: 0 0 18px rgba(26, 107, 82, 0.4) !important;
}
.tr-status-IN_PROGRESS {
  color: #ffab40 !important;
  border-color: rgba(255, 152, 0, 0.9) !important;
  background: rgba(255, 152, 0, 0.28) !important;
  box-shadow: 0 0 20px rgba(255, 152, 0, 0.45) !important;
}
.tr-status-COMPLETED {
  color: #ffd700 !important;
  border-color: rgba(255, 215, 0, 0.9) !important;
  background: rgba(255, 215, 0, 0.24) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.42) !important;
}
.tr-you-pill {
  border-color: rgba(143, 212, 184, 0.9) !important;
  background: rgba(26, 107, 82, 0.35) !important;
  box-shadow: 0 0 16px rgba(26, 107, 82, 0.4) !important;
}
.tr-fill {
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  background: rgba(8, 18, 32, 0.95) !important;
}
.tr-fill-bar {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.8) !important;
}
.tr-btn-register:not(:disabled) {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.tr-btn-register:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 44px rgba(255, 152, 0, 0.6) !important;
}
.tr-btn-view {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.95)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.tr-btn-view:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.4) !important;
}
.tr-btn-unregister {
  border: 1px solid rgba(255, 152, 0, 0.78) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  color: #ffcc80 !important;
}
.tr-btn-back {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #fff8e7 !important;
}
.tr-countdown {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.55), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.55) !important;
}
.tr-prize-info {
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.38), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.4) !important;
}
.tr-champion,
.tr-bracket-name {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.5) !important;
  font-weight: 800 !important;
}
.tr-round-title {
  color: #ffe082 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 224, 130, 0.35);
}
.tr-match {
  background:
    radial-gradient(ellipse 60% 90% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.tr-match:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 32px rgba(255, 215, 0, 0.35) !important;
}
.tr-match.playing {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 42px rgba(255, 152, 0, 0.52) !important;
}
.tr-match.completed {
  border-color: rgba(255, 215, 0, 0.88) !important;
}
.tr-match-player.winner {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.5) !important;
}
.tr-match-status.live {
  color: #ffab40 !important;
  font-weight: 800 !important;
}
.tr-bracket-champ {
  background:
    radial-gradient(ellipse 80% 90% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(145deg, rgba(255, 215, 0, 0.35), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.4),
    0 0 48px rgba(255, 215, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.tournament-banner {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.tournament-banner.is-live {
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(255, 152, 0, 0.58), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.48), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.45),
    0 0 48px rgba(255, 152, 0, 0.58),
    inset 4px 0 0 #ff9800 !important;
}
.tournament-banner.is-registered {
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(26, 107, 82, 0.55), transparent 56%),
    linear-gradient(100deg, rgba(26, 107, 82, 0.42), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    0 0 48px rgba(26, 107, 82, 0.5),
    inset 4px 0 0 #8fd4b8 !important;
}
.tr-empty {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.9)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tr-card,
  .tr-match,
  .tr-btn-register {
    animation: none !important;
    transition: none !important;
  }
  .tr-card:hover,
  .tr-match:hover,
  .tr-btn-register:not(:disabled):hover {
    transform: none !important;
  }
}

/* ── Pass 217: Friends / Clubs deepen ── */
.friends-panel .friend-search {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 38px rgba(0, 0, 0, 0.45),
    0 0 32px rgba(255, 215, 0, 0.22) !important;
}
.friend-section-title {
  color: rgba(255, 248, 231, 0.85) !important;
  font-weight: 800 !important;
}
.friend-section-title.requests {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.5) !important;
}
.friend-count-pill {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 28px rgba(255, 111, 0, 0.55) !important;
}
.friend-row {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(255, 215, 0, 0.22) !important;
}
.friend-row:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 44px rgba(255, 215, 0, 0.4) !important;
}
.friend-row.is-online {
  border-color: rgba(143, 212, 184, 0.98) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(26, 107, 82, 0.58), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.52),
    0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
.friend-row.request {
  border-color: #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 95% at 0% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.95)) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.85) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 36px rgba(191, 106, 74, 0.4) !important;
}
.friend-avatar {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.3) !important;
}
.friend-row.is-online .friend-avatar {
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow: 0 0 22px rgba(26, 107, 82, 0.45) !important;
}
.friend-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.friend-status.online {
  color: #8fd4b8 !important;
  font-weight: 800 !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.72),
    0 0 28px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.friend-btn.accept {
  background: linear-gradient(160deg, #8fd4b8, #1a6b52) !important;
  border: 1px solid rgba(143, 212, 184, 0.85) !important;
  box-shadow: 0 14px 28px rgba(26, 107, 82, 0.5) !important;
}
.friend-btn.danger {
  border: 1px solid rgba(255, 152, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.92)) !important;
  color: #ffcc80 !important;
}
.friend-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.92)) !important;
  color: #ffe082 !important;
}
.friend-search-input {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(160deg, rgba(8, 18, 32, 0.95), rgba(4, 10, 20, 0.98)) !important;
}
.friend-search-input:focus {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.28), 0 0 22px rgba(255, 215, 0, 0.25) !important;
}
.friend-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

.club-panel .club-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(255, 215, 0, 0.22) !important;
}
.club-chip {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
.club-chip.primary {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.75),
    0 0 32px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.club-chip.war {
  border-color: rgba(255, 152, 0, 0.98) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 40px rgba(255, 152, 0, 0.52) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 30px rgba(255, 215, 0, 0.22) !important;
}
.club-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 44px rgba(255, 215, 0, 0.4) !important;
}
.club-card.is-mine {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.5),
    0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
.club-avatar {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
}
.club-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.35);
}
.club-you {
  border: 1px solid rgba(143, 212, 184, 0.85) !important;
  background: rgba(26, 107, 82, 0.32) !important;
  color: #8fd4b8 !important;
  box-shadow: 0 0 14px rgba(26, 107, 82, 0.35);
}
.club-btn.join {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.7),
    0 0 28px rgba(255, 152, 0, 0.42) !important;
  font-weight: 800 !important;
}
.club-btn.war {
  border: 1px solid rgba(255, 152, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.35), rgba(18, 36, 58, 0.92)) !important;
  color: #ffab40 !important;
  box-shadow: 0 0 28px rgba(255, 152, 0, 0.4) !important;
  font-weight: 800 !important;
}
.club-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.6) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #ffe082 !important;
}
.club-tab.active {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.45), rgba(18, 36, 58, 0.9)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.35) !important;
  font-weight: 800 !important;
}
.club-war-card {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
}
.club-war-card.active {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 46px rgba(255, 152, 0, 0.52) !important;
}
.club-war-card.pending {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 40px rgba(255, 215, 0, 0.45) !important;
}
.club-war-score {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.45);
}
.club-war-actions .club-btn.accept {
  background: linear-gradient(160deg, #8fd4b8, #1a6b52) !important;
  border: 1px solid rgba(143, 212, 184, 0.85) !important;
  box-shadow: 0 14px 28px rgba(26, 107, 82, 0.5) !important;
}
.club-war-actions .club-btn.decline {
  border: 1px solid rgba(255, 152, 0, 0.75) !important;
  color: #ffcc80 !important;
}
.club-badge-card {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.36) !important;
}
.club-badge-card.is-unlocked {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.club-badge-card.is-unlocked .club-badge-ico {
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.55));
}
.club-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .friend-btn.primary,
  .friend-btn.invite,
  .club-card,
  .club-war-card,
  .club-chip,
  .club-btn.join,
  .club-btn.war {
    animation: none !important;
    transition: none !important;
  }
  .friend-row:hover,
  .club-card:hover,
  .club-war-card:hover,
  .club-chip:hover,
  .club-btn.join:hover,
  .club-btn.war:hover,
  .friend-btn.primary:hover,
  .friend-btn.invite:not(.muted):hover {
    transform: none !important;
  }
}

/* ── Pass 218: Store / Season deepen ── */
.shop-panel .shop-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(255, 215, 0, 0.22) !important;
}
.shop-currency {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.35) !important;
}
.shop-currency b {
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.45);
}
.shop-chip,
.shop-tab {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.92)) !important;
}
.shop-chip.active,
.shop-tab.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.45) !important;
  font-weight: 800 !important;
}
.shop-section-title {
  color: #ffe082 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 224, 130, 0.35);
}
.shop-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.shop-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 42px rgba(255, 215, 0, 0.38) !important;
}
.shop-card.store-pack {
  border-color: rgba(255, 152, 0, 0.95) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 152, 0, 0.45), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 44px rgba(255, 152, 0, 0.48) !important;
}
.shop-card.legendary {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.shop-card.epic {
  border-color: rgba(186, 104, 200, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ba68c8,
    0 0 40px rgba(186, 104, 200, 0.45) !important;
}
.shop-card.rare {
  border-color: rgba(100, 181, 246, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #64b5f6,
    0 0 36px rgba(100, 181, 246, 0.4) !important;
}
.shop-card.is-owned,
.shop-card.owned {
  border-color: rgba(143, 212, 184, 0.85) !important;
}
.shop-card.is-equipped {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.shop-card-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.shop-card-price {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
}
.shop-card-preview {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.9)) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.28) !important;
}
.shop-card-btn.buy {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 30px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.shop-card-btn.equip {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.shop-card-btn.equipped,
.shop-badge.equipped {
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.35), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(143, 212, 184, 0.85) !important;
  color: #8fd4b8 !important;
}
.shop-card-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.92)) !important;
  color: #ffe082 !important;
}
.shop-vip-note {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 12px 26px rgba(255, 215, 0, 0.28) !important;
}
.shop-invoice-row {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 60% 90% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.36) !important;
}
.shop-invoice-total {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.shop-empty.rich {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

.season-hero {
  background:
    radial-gradient(ellipse 94% 70% at 50% 0%, rgba(255, 215, 0, 0.6), transparent 56%),
    radial-gradient(ellipse 52% 62% at 100% 100%, rgba(255, 152, 0, 0.38), transparent 52%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.season-hero-name {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
  font-weight: 800 !important;
}
.season-hero-timer {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.62), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.98) !important;
  color: #ffab40 !important;
  box-shadow: 0 0 38px rgba(255, 152, 0, 0.55) !important;
}
.season-me {
  border: 1px solid rgba(143, 212, 184, 0.9) !important;
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(26, 107, 82, 0.45), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 40px rgba(26, 107, 82, 0.45) !important;
}
.season-reward {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.season-reward.unlocked {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 36px rgba(255, 215, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.season-reward.next {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 34px rgba(255, 152, 0, 0.45) !important;
}
.season-board-title {
  color: #ffe082 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 224, 130, 0.35);
}
.season-row {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
}
.season-row:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 38px rgba(255, 215, 0, 0.35) !important;
}
.season-row.is-top {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 46px rgba(255, 215, 0, 0.5) !important;
}
.season-row.is-me {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 46px rgba(26, 107, 82, 0.5) !important;
}
.season-row-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.season-banner {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.season-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-card,
  .shop-chip,
  .shop-tab,
  .shop-card-btn.buy,
  .season-reward,
  .season-row,
  .season-banner {
    animation: none !important;
    transition: none !important;
  }
  .shop-card:hover,
  .shop-card-btn.buy:hover,
  .season-reward:hover,
  .season-row:hover,
  .season-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 219: Profile / Notifications deepen ── */
.profile-hero {
  background:
    radial-gradient(ellipse 94% 70% at 12% 0%, rgba(255, 215, 0, 0.6), transparent 56%),
    radial-gradient(ellipse 58% 55% at 92% 88%, rgba(255, 152, 0, 0.38), transparent 52%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
}
.profile-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.profile-rank.legend,
.profile-rank.diamond {
  color: #ffb74d !important;
  text-shadow: 0 0 20px rgba(255, 152, 0, 0.5) !important;
}
.profile-rank.gold,
.profile-rank.plat {
  color: #ffd700 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.45) !important;
}
.profile-level {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}
.profile-level-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.7) !important;
}
.profile-chips {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.35) !important;
}
.profile-chips-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
}
.profile-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 30px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.profile-stat {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.32), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4) !important;
}
.profile-stat:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 0 34px rgba(255, 215, 0, 0.35) !important;
}
.profile-stat-val {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.profile-link {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
  font-weight: 700 !important;
}
.profile-link:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.38) !important;
}
.profile-link.ghost {
  border-color: rgba(255, 215, 0, 0.5) !important;
  background: rgba(18, 36, 58, 0.85) !important;
  color: #ffe082 !important;
}

.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 85% 120% at 0% 50%, rgba(255, 215, 0, 0.45), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.38), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.7) !important;
}
.notif-mark-all {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.95)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.notif-mark-all:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.45) !important;
}
.notif-count b {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 32px rgba(255, 111, 0, 0.55) !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.38), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 26px rgba(255, 215, 0, 0.18) !important;
}
.notif-card:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 40px rgba(255, 215, 0, 0.38) !important;
}
.notif-card.is-unread {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 42px rgba(255, 215, 0, 0.45) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 42px rgba(26, 107, 82, 0.48) !important;
}
.notif-card.reward.is-unread {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 46px rgba(255, 215, 0, 0.52) !important;
}
.notif-card.club.is-unread {
  border-color: rgba(100, 181, 246, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #64b5f6,
    0 0 40px rgba(100, 181, 246, 0.45) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 42px rgba(255, 152, 0, 0.5) !important;
}
.notif-card.support.is-unread {
  border-color: rgba(186, 104, 200, 0.9) !important;
  box-shadow:
    inset 4px 0 0 #ba68c8,
    0 0 40px rgba(186, 104, 200, 0.45) !important;
}
.notif-icon {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.9)) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.35) !important;
}
.notif-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.notif-card.is-unread .notif-title {
  color: #ffd700 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}
.notif-btn.accept,
.notif-btn.primary {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 36px rgba(230, 81, 0, 0.7),
    0 0 28px rgba(255, 152, 0, 0.42) !important;
  font-weight: 800 !important;
}
.notif-btn.decline {
  border: 1px solid rgba(255, 152, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  color: #ffcc80 !important;
}
.notif-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.12), rgba(18, 36, 58, 0.92)) !important;
  color: #ffe082 !important;
}
.notif-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}
.notif-empty-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.95)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-stat,
  .profile-link,
  .profile-btn,
  .notif-card,
  .notif-btn.primary,
  .notif-btn.accept,
  .notif-mark-all {
    animation: none !important;
    transition: none !important;
  }
  .profile-stat:hover,
  .profile-link:hover,
  .profile-btn:hover,
  .notif-card:hover,
  .notif-btn.primary:hover,
  .notif-btn.accept:hover,
  .notif-mark-all:hover {
    transform: none !important;
  }
}

/* ── Pass 220: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 36px rgba(255, 215, 0, 0.3) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.62), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.5), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.58),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.daily-banner {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 36px rgba(255, 215, 0, 0.3) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 152, 0, 0.58), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.48), rgba(8, 16, 32, 0.88)) !important;
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.45),
    0 0 48px rgba(255, 152, 0, 0.55),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 85% 100% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 44px rgba(255, 215, 0, 0.38) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.9) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.mission-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 42px rgba(255, 215, 0, 0.4) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 46px rgba(26, 107, 82, 0.5),
    0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
.mission-icon {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.35), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.4) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.9) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.45), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 22px rgba(26, 107, 82, 0.45) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  background: rgba(8, 18, 32, 0.9) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.7) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 16px rgba(26, 107, 82, 0.6) !important;
}
.mission-bonus.ready {
  border: 1px solid rgba(255, 152, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.4), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 40px rgba(255, 152, 0, 0.5) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.72),
    0 0 30px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 90% 58% at 50% 6%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    rgba(4, 8, 18, 0.985) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.45),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 152, 0, 0.52) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.92)) !important;
  border: 1px solid rgba(255, 152, 0, 0.9) !important;
  box-shadow: 0 0 26px rgba(255, 152, 0, 0.4) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.998)) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.36) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.35) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.9) !important;
  box-shadow:
    inset 0 0 20px rgba(26, 107, 82, 0.25),
    0 0 24px rgba(26, 107, 82, 0.35) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.4),
    0 0 36px rgba(255, 215, 0, 0.5) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow: 0 0 32px rgba(255, 152, 0, 0.45) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.2), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-btn:hover,
  .daily-banner:hover,
  .mission-banner:hover,
  #dr-overlay .dr-day:hover {
    transform: none !important;
  }
}

/* ── Pass 221: Leaderboard / Achievements deepen ── */
#lb-overlay {
  background:
    radial-gradient(ellipse 90% 58% at 50% 6%, rgba(255, 215, 0, 0.55), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    rgba(4, 8, 18, 0.985) !important;
}
.lb-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.lb-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
  font-weight: 800 !important;
}
.lb-tabs {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(160deg, rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.lb-tab.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.45) !important;
  font-weight: 800 !important;
}
.lb-podium-item.p1 .lb-avatar {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.85),
    0 0 36px rgba(255, 215, 0, 0.55) !important;
}
.lb-podium-item.p1 .lb-podium-stand {
  background: linear-gradient(160deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.5) !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 215, 0, 0.36), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
}
.lb-row:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 38px rgba(255, 215, 0, 0.35) !important;
}
.lb-row.top1 {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.lb-row.top2 {
  border-color: rgba(176, 190, 197, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #b0bec5,
    0 0 36px rgba(176, 190, 197, 0.4) !important;
}
.lb-row.top3 {
  border-color: rgba(205, 127, 50, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #cd7f32,
    0 0 36px rgba(205, 127, 50, 0.4) !important;
}
.lb-row.is-me {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 46px rgba(26, 107, 82, 0.5) !important;
}
.lb-name {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.lb-score-val {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
}
.lb-medal.m1 {
  background: linear-gradient(145deg, #ffe082, #ffd700) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.55) !important;
}
.lb-me-bar {
  border: 1px solid rgba(143, 212, 184, 0.9) !important;
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(26, 107, 82, 0.45), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.42) !important;
}
.lb-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 85% 100% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.achieve-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.75) !important;
  font-weight: 800 !important;
}
.achieve-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
}
.achieve-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.9) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.achieve-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 42px rgba(255, 215, 0, 0.4) !important;
}
.achieve-card.is-unlocked {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.achieve-card.is-locked {
  border-color: rgba(255, 215, 0, 0.45) !important;
  opacity: 0.92;
}
.achieve-icon {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.92)) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.38) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.55) !important;
}
.achieve-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.achieve-card.is-unlocked .achieve-title {
  color: #ffd700 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.4);
}
.achieve-badge {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: rgba(255, 215, 0, 0.14) !important;
  color: #ffe082 !important;
  font-weight: 700 !important;
}
.achieve-card.is-unlocked .achieve-badge {
  border-color: rgba(255, 215, 0, 0.9) !important;
  background: rgba(255, 215, 0, 0.28) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}
.achieve-bar {
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  background: rgba(8, 18, 32, 0.9) !important;
}
.achieve-fill,
.achieve-fill.gold {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.7) !important;
}
.achievement-banner {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 36px rgba(255, 215, 0, 0.3) !important;
}
.achievement-banner.claim-ready {
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.62), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.5), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.achieve-empty {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lb-row,
  .lb-tab,
  .achieve-card,
  .achievement-banner {
    animation: none !important;
    transition: none !important;
  }
  .lb-row:hover,
  .achieve-card:hover,
  .achievement-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 222: Support / Settings / Private room deepen ── */
.support-panel .sup-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 78% 100% at 0% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 38px rgba(0, 0, 0, 0.46),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}
.sup-count {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.sup-count b {
  box-shadow:
    0 0 28px rgba(255, 111, 0, 0.62),
    0 8px 18px rgba(230, 81, 0, 0.45) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(255, 215, 0, 0.28) !important;
}
.sup-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.sup-card.status-open {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55),
    0 14px 38px rgba(0, 0, 0, 0.44) !important;
}
.sup-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff8f00,
    0 0 48px rgba(255, 152, 0, 0.55),
    0 14px 38px rgba(0, 0, 0, 0.44) !important;
}
.sup-card.status-resolved {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.5),
    0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
.sup-card.status-closed {
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow:
    inset 4px 0 0 rgba(255, 255, 255, 0.38),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}
.sup-icon {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  box-shadow:
    0 14px 32px rgba(255, 215, 0, 0.55),
    0 0 22px rgba(255, 215, 0, 0.35) !important;
}
.sup-card.status-open .sup-icon {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.65) !important;
}
.sup-card.status-in_progress .sup-icon {
  background: linear-gradient(145deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow: 0 0 32px rgba(255, 111, 0, 0.6) !important;
}
.sup-card.status-resolved .sup-icon {
  background: linear-gradient(145deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 28px rgba(26, 107, 82, 0.55) !important;
}
.sup-subject {
  color: #fff8e7 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 16px rgba(255, 215, 0, 0.28);
}
.sup-pill.open {
  border-color: rgba(255, 215, 0, 0.9) !important;
  background: rgba(255, 215, 0, 0.28) !important;
  color: #ffd700 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.4) !important;
}
.sup-pill.in_progress {
  border-color: rgba(255, 152, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.62), rgba(18, 36, 58, 0.9)) !important;
  box-shadow: 0 0 22px rgba(255, 152, 0, 0.45) !important;
  color: #ffb74d !important;
}
.sup-pill.resolved {
  border-color: rgba(143, 212, 184, 0.88) !important;
  background: rgba(26, 107, 82, 0.4) !important;
  box-shadow: 0 0 18px rgba(26, 107, 82, 0.42) !important;
}
.sup-btn.primary {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-weight: 800 !important;
}
.sup-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 44px rgba(255, 152, 0, 0.58) !important;
}
.sup-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.sup-input {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 55% 90% at 0% 50%, rgba(255, 215, 0, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(10, 20, 36, 0.98), rgba(6, 14, 26, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.34) !important;
  color: #fff8e7 !important;
}
.sup-input:focus {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.38),
    0 0 28px rgba(255, 215, 0, 0.32) !important;
}
.support-panel .sup-form {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 78% 90% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}
.sup-detail-head {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.28), transparent 75%) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34) !important;
}
.sup-detail-subject {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.4) !important;
}
.sup-msg {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background:
    radial-gradient(ellipse 68% 90% at 0% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.38) !important;
}
.sup-msg.you {
  border-color: rgba(143, 212, 184, 0.85) !important;
  background:
    radial-gradient(ellipse 68% 90% at 100% 0%, rgba(26, 107, 82, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 3px 0 0 #8fd4b8,
    0 14px 28px rgba(26, 107, 82, 0.32) !important;
}
.sup-msg.staff {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 14px 28px rgba(255, 215, 0, 0.28) !important;
}
.sup-msg.staff .sup-msg-who {
  color: #ffd700 !important;
}
.sup-msg.you .sup-msg-who {
  color: #8fd4b8 !important;
}

#settings-overlay {
  background:
    radial-gradient(ellipse 92% 58% at 50% 6%, rgba(255, 215, 0, 0.55), transparent 56%),
    radial-gradient(ellipse 48% 40% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    rgba(4, 8, 18, 0.985) !important;
}
.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 94% 58% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 42% 38% at 0% 100%, rgba(255, 152, 0, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.settings-eyebrow {
  color: rgba(255, 236, 179, 0.88) !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.35);
}
.settings-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.58) !important;
  font-weight: 800 !important;
}
.settings-sub {
  color: rgba(255, 236, 179, 0.72) !important;
}
.settings-row label,
.settings-label {
  color: rgba(255, 236, 179, 0.92) !important;
  font-weight: 800 !important;
}
.settings-row input[type=text] {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(10, 20, 36, 0.98), rgba(6, 14, 26, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
}
.settings-row input[type=text]:focus {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 28px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.settings-options .opt-btn {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background:
    radial-gradient(ellipse 70% 90% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
  color: rgba(255, 248, 231, 0.78) !important;
}
.settings-options .opt-btn:hover:not(.selected):not(:disabled) {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.32) !important;
}
.settings-options .opt-btn.selected {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.98) !important;
  color: #1a1208 !important;
  box-shadow:
    0 14px 36px rgba(255, 215, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 0 28px rgba(255, 215, 0, 0.4) !important;
}
.settings-btns .btn-cancel,
.settings-btns .btn-cancel-confirm,
.settings-btns button:not(.btn-create-room) {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.16), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 40px rgba(255, 152, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  font-weight: 800 !important;
}
.settings-btns .btn-create-room:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.58) !important;
}

@media (prefers-reduced-motion: reduce) {
  .sup-card,
  .sup-btn.primary,
  .settings-options .opt-btn,
  .settings-btns .btn-create-room {
    animation: none !important;
    transition: none !important;
  }
  .sup-card:hover,
  .sup-btn.primary:hover,
  .settings-options .opt-btn:hover,
  .settings-btns .btn-create-room:hover {
    transform: none !important;
  }
}

/* ── Pass 223: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 152, 0, 0.68), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.58), rgba(8, 16, 32, 0.9)) !important;
  border: 1px solid rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(255, 152, 0, 0.48) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 90% 100% at 0% 50%, rgba(255, 215, 0, 0.68), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.62), rgba(8, 16, 32, 0.86)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 94% 60% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    radial-gradient(ellipse 55% 50% at 90% 92%, rgba(255, 152, 0, 0.38), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.wheel-panel.is-ready {
  border-color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.62) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.94)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 68% 90% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 32px rgba(0, 0, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 14px 40px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.38) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  color: #1a1208 !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}
.wheel-spin-btn {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 44px rgba(255, 152, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.62) !important;
}
.wheel-empty {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 42% 40% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 215, 0, 0.36) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 18px rgba(255, 215, 0, 0.45);
}
.ref-stat {
  background:
    radial-gradient(ellipse 70% 90% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.ref-stat:hover {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.32) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.5) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 60% 100% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 28px rgba(255, 215, 0, 0.35) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.78),
    0 0 36px rgba(255, 152, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 44px rgba(255, 152, 0, 0.55) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.28) !important;
  color: rgba(255, 236, 179, 0.62) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.room-card:hover {
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 46px rgba(255, 215, 0, 0.4) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.38), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 46px rgba(26, 107, 82, 0.48),
    0 14px 36px rgba(0, 0, 0, 0.44) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(255, 152, 0, 0.58), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.38), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.52),
    0 14px 36px rgba(0, 0, 0, 0.44) !important;
}
.room-card.is-playing {
  border-color: rgba(255, 111, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 36px rgba(255, 111, 0, 0.4),
    0 14px 32px rgba(0, 0, 0, 0.42) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.22);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.7) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 78% 90% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.22) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 224: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    radial-gradient(ellipse 46% 44% at 100% 100%, rgba(255, 152, 0, 0.26), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 90% 120% at 0% 50%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.48), transparent 75%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.82) !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.68) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 24px rgba(255, 215, 0, 0.2) !important;
}
.chat-line.me {
  background:
    radial-gradient(ellipse 78% 100% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.52) !important;
}
.chat-line.gift {
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(255, 152, 0, 0.58), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.55) !important;
}
.chat-line b {
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.chat-line.me b {
  color: #8fd4b8 !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
}
.chat-quick button {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background:
    radial-gradient(ellipse 70% 70% at 30% 20%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 28px rgba(0, 0, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.52),
    0 14px 34px rgba(0, 0, 0, 0.48) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(10, 20, 36, 0.98), rgba(6, 14, 26, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 40px rgba(255, 152, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.62) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background:
    radial-gradient(ellipse 70% 90% at 50% 0%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.gift-targets button:hover {
  border-color: rgba(255, 215, 0, 0.92) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.35) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 75% 80% at 50% 0%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.gift-grid button:hover {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 152, 0, 0.58) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 3px 0 0 #ff9800,
    0 0 36px rgba(255, 152, 0, 0.4) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.65));
}
.gift-anim {
  filter: drop-shadow(0 0 28px rgba(255, 215, 0, 0.75));
}

.account-card {
  background:
    radial-gradient(ellipse 72% 90% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.2) !important;
}
.account-card:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
.account-card.invite {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 152, 0, 0.5), transparent 56%),
    linear-gradient(145deg, rgba(255, 111, 0, 0.32), rgba(8, 18, 32, 0.96)) !important;
  border-color: rgba(255, 152, 0, 0.92) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 46px rgba(255, 152, 0, 0.45),
    0 14px 38px rgba(0, 0, 0, 0.44) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.4),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.account-card.danger {
  border-color: rgba(191, 106, 74, 0.88) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 36px rgba(191, 106, 74, 0.4),
    0 14px 34px rgba(0, 0, 0, 0.4) !important;
}
.account-card-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.account-card.invite .account-card-title {
  color: #ffab40 !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.14), rgba(18, 36, 58, 0.92)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
}
.account-btn:hover {
  border-color: rgba(255, 215, 0, 0.88) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.32) !important;
}
.account-btn.gold {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  color: #fff !important;
  box-shadow:
    0 14px 40px rgba(230, 81, 0, 0.75),
    0 0 32px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid rgba(191, 106, 74, 0.75) !important;
  background: linear-gradient(145deg, rgba(191, 106, 74, 0.28), rgba(18, 36, 58, 0.92)) !important;
  color: #ffab91 !important;
  box-shadow: 0 0 22px rgba(191, 106, 74, 0.35) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 32px rgba(191, 106, 74, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .account-card:hover {
    transform: none !important;
  }
}

/* ── Pass 225: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 78% 190% at 0% 50%, rgba(255, 215, 0, 0.52), transparent 56%),
    radial-gradient(ellipse 55% 150% at 100% 50%, rgba(255, 152, 0, 0.32), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 22px rgba(0, 0, 0, 0.4) !important;
}
#topbar .tb-chip.tb-room {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.95)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 44px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow: 0 0 40px rgba(26, 107, 82, 0.75) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow: 0 0 40px rgba(255, 106, 0, 0.7) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: rgba(255, 152, 0, 0.92) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.52), rgba(18, 36, 58, 0.95)) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 30px rgba(0, 0, 0, 0.52),
    0 0 36px rgba(255, 215, 0, 0.45) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 3px 0 #c9a227,
    0 14px 30px rgba(212, 175, 55, 0.72),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}

#turn-banner {
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.52) !important;
}
#turn-banner.mine {
  background:
    radial-gradient(ellipse 88% 180% at 18% 50%, rgba(255, 215, 0, 0.62), transparent 60%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.58), rgba(18, 36, 58, 0.96)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
#turn-banner.urgent {
  background:
    radial-gradient(ellipse 88% 180% at 18% 50%, rgba(255, 106, 0, 0.72), transparent 60%),
    linear-gradient(160deg, rgba(255, 106, 0, 0.68), rgba(42, 18, 8, 0.98)) !important;
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 2px rgba(255, 106, 0, 0.6),
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 48px rgba(255, 106, 0, 0.72) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 40px rgba(255, 215, 0, 0.28) !important;
}
.opp-card:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.opp-card.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.54) !important;
}
.opp-card.offline {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 40px rgba(255, 106, 0, 0.48) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.78) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
}

.center-panel,
.deck-panel {
  background:
    radial-gradient(ellipse 80% 65% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.96), rgba(6, 12, 22, 0.98)) !important;
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 44px rgba(255, 215, 0, 0.28) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.55) !important;
}
.set-group {
  background:
    radial-gradient(ellipse 72% 85% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 52%),
    linear-gradient(155deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.set-group:hover {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 3px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 40px rgba(255, 215, 0, 0.38) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 90% 140% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 58%),
    radial-gradient(ellipse 45% 65% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.54),
    0 0 48px rgba(255, 215, 0, 0.32) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 28px rgba(0, 0, 0, 0.44) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.52),
    0 0 36px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    0 14px 42px rgba(26, 107, 82, 0.75),
    0 0 36px rgba(26, 107, 82, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  border-color: rgba(168, 224, 200, 0.92) !important;
  box-shadow:
    0 14px 42px rgba(76, 175, 136, 0.68),
    0 0 32px rgba(143, 212, 184, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 42px rgba(230, 81, 0, 0.8),
    0 0 40px rgba(255, 152, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.95)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 0 22px rgba(255, 215, 0, 0.22) !important;
}

#rack-section {
  background:
    radial-gradient(ellipse 80% 90% at 50% 0%, rgba(255, 183, 77, 0.38), transparent 55%),
    linear-gradient(180deg, rgba(72, 44, 24, 0.7), rgba(18, 10, 6, 0.48)) !important;
  box-shadow:
    0 -12px 36px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 220, 160, 0.22) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.48),
    0 -12px 36px rgba(0, 0, 0, 0.4) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 2px rgba(255, 138, 0, 0.88),
    0 0 48px rgba(255, 138, 0, 0.58),
    0 -12px 36px rgba(0, 0, 0, 0.42) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.62) !important;
  box-shadow:
    inset 0 14px 40px rgba(0, 0, 0, 0.9),
    inset 0 -3px 14px rgba(255, 200, 140, 0.22),
    0 14px 36px rgba(0, 0, 0, 0.48) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 32px rgba(230, 81, 0, 0.68), 0 0 28px rgba(255, 152, 0, 0.48) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.68), 0 0 32px rgba(255, 215, 0, 0.55) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 2px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.38),
    0 14px 34px rgba(0, 0, 0, 0.5),
    0 0 36px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 42px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 226: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -8%, rgba(255, 215, 0, 0.58), transparent 52%),
    radial-gradient(ellipse at 6% 68%, rgba(26, 107, 82, 0.58), transparent 46%),
    radial-gradient(ellipse at 96% 100%, rgba(255, 140, 0, 0.48), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 96% 120% at 4% 50%, rgba(255, 152, 0, 0.78), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.68), rgba(18, 36, 58, 0.85) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.8),
    0 0 48px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}
.lobby-play-hero .lph-ico {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.8),
    0 12px 26px rgba(0, 0, 0, 0.45) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.65), 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background:
    radial-gradient(ellipse 78% 100% at 50% 0%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 44px rgba(255, 215, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.92) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.8),
    0 0 36px rgba(26, 107, 82, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
.lobby-btn.refresh {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 0 22px rgba(255, 215, 0, 0.22) !important;
}
.lobby-cta-icon {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.68), rgba(18, 36, 58, 0.96)) !important;
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.55) !important;
}
.lobby-cta-action {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.55) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 215, 0, 0.68), transparent 54%),
    radial-gradient(ellipse at 8% 92%, rgba(26, 107, 82, 0.55), transparent 48%),
    radial-gradient(ellipse at 96% 68%, rgba(255, 140, 0, 0.45), transparent 46%),
    rgba(4, 8, 18, 0.988) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.6), transparent 56%),
    radial-gradient(ellipse 45% 45% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.68) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  background:
    radial-gradient(ellipse 70% 90% at 40% 20%, rgba(255, 255, 255, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.65), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.45),
    0 0 32px rgba(255, 215, 0, 0.55) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 36px rgba(26, 107, 82, 0.6),
    0 14px 28px rgba(0, 0, 0, 0.45) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.95) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.36), 0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 85% 100% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid rgba(255, 152, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.38), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46), 0 0 28px rgba(255, 152, 0, 0.35) !important;
}
.lw-share {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.mf-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.72) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 227: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.78), transparent 54%),
    radial-gradient(ellipse at 12% 92%, rgba(26, 107, 82, 0.58), transparent 48%),
    radial-gradient(ellipse at 94% 68%, rgba(255, 140, 0, 0.5), transparent 46%),
    rgba(4, 8, 18, 0.988) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 152, 0, 0.45), transparent 54%),
    radial-gradient(ellipse at 18% 90%, rgba(191, 106, 74, 0.42), transparent 48%),
    rgba(4, 8, 18, 0.988) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    radial-gradient(ellipse 45% 45% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.72), rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.72) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.55) !important;
}
.go-pill.xp {
  border-color: rgba(255, 215, 0, 0.85) !important;
  background: rgba(255, 215, 0, 0.28) !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.4) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 46px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 24px rgba(255, 215, 0, 0.22) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.45), transparent 52%),
    radial-gradient(ellipse at 90% 90%, rgba(255, 152, 0, 0.22), transparent 50%),
    rgba(4, 8, 18, 0.94) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.2), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
}
.re-flag {
  filter: drop-shadow(0 0 26px rgba(255, 215, 0, 0.7)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
  background:
    radial-gradient(ellipse 70% 95% at 0% 50%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 44px rgba(26, 107, 82, 0.5) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 215, 0, 0.52), transparent 52%),
    radial-gradient(ellipse at 12% 90%, rgba(191, 106, 74, 0.35), transparent 48%),
    radial-gradient(ellipse at 92% 70%, rgba(255, 140, 0, 0.28), transparent 46%),
    rgba(4, 8, 18, 0.97) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    radial-gradient(ellipse 42% 42% at 100% 100%, rgba(255, 152, 0, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.confirm-card.tone-danger {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.5),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(230, 81, 0, 0.55) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    0 0 0 2px rgba(143, 212, 184, 0.45),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(26, 107, 82, 0.5) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid rgba(255, 152, 0, 0.88) !important;
  box-shadow: 0 14px 28px rgba(230, 81, 0, 0.38) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 28px rgba(255, 215, 0, 0.32) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4), 0 0 24px rgba(255, 215, 0, 0.2) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 40px rgba(255, 152, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.75),
    0 0 36px rgba(143, 212, 184, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 85% 100% at 8% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 46px rgba(255, 215, 0, 0.38) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 46px rgba(26, 107, 82, 0.5) !important;
}
#ux-tip.is-warn {
  border-color: rgba(255, 152, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 46px rgba(230, 81, 0, 0.52) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.55) !important;
}
.game-toast {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(255, 215, 0, 0.32), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 40px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 228: Login / Tournament deepen ── */
#login-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.65), transparent 52%),
    radial-gradient(ellipse at 8% 92%, rgba(26, 107, 82, 0.55), transparent 48%),
    radial-gradient(ellipse at 96% 68%, rgba(255, 140, 0, 0.42), transparent 46%),
    linear-gradient(175deg, #0a1528 0%, #081225 48%, #050b16 100%) !important;
}
.login-atmosphere {
  background:
    radial-gradient(circle at 22% 78%, rgba(26, 107, 82, 0.4), transparent 42%),
    radial-gradient(circle at 88% 24%, rgba(255, 140, 0, 0.3), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(255, 215, 0, 0.28), transparent 40%) !important;
}
.login-logo {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.72), rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.45),
    0 14px 44px rgba(255, 140, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.login-logo-inner {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.78) !important;
}
.login-title {
  text-shadow: 0 2px 40px rgba(255, 215, 0, 0.68) !important;
}
.login-primary {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 46px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.login-primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.login-tabs {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 85% 100% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.login-tab.active {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  color: #1a1208 !important;
  border-color: rgba(255, 215, 0, 0.98) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.5) !important;
}
.login-input {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  background:
    radial-gradient(ellipse 50% 80% at 0% 50%, rgba(255, 215, 0, 0.1), transparent 55%),
    linear-gradient(160deg, rgba(8, 18, 32, 0.98), rgba(4, 10, 20, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}
.login-input:focus {
  border-color: rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.35),
    0 0 32px rgba(255, 215, 0, 0.38) !important;
}
.login-form-btn {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.58),
    0 0 36px rgba(255, 215, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.login-error:not(:empty) {
  border: 1px solid rgba(255, 152, 0, 0.88) !important;
  box-shadow: 0 14px 28px rgba(191, 106, 74, 0.38) !important;
}
.login-more {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4), 0 0 24px rgba(255, 215, 0, 0.2) !important;
}
.login-btn {
  border: 1px solid rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42) !important;
}
.login-btn:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(255, 215, 0, 0.38) !important;
}

#tr-overlay {
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255, 215, 0, 0.58), transparent 52%),
    radial-gradient(ellipse at 10% 90%, rgba(26, 107, 82, 0.45), transparent 48%),
    radial-gradient(ellipse at 94% 70%, rgba(255, 140, 0, 0.36), transparent 46%),
    rgba(4, 8, 18, 0.97) !important;
}
.tr-panel,
#tr-overlay .tr-panel {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.62), transparent 56%),
    radial-gradient(ellipse 45% 45% at 100% 100%, rgba(255, 152, 0, 0.24), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.998), rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.tr-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
}
.tr-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 38px rgba(255, 215, 0, 0.3) !important;
}
.tr-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.tr-card.status-in_progress {
  border-color: rgba(255, 152, 0, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.tr-card.is-registered {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.6),
    0 14px 44px rgba(0, 0, 0, 0.46) !important;
}
.tr-card.status-completed {
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.tr-fill-bar {
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.9) !important;
}
.tr-btn-register:not(:disabled) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 44px rgba(255, 152, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.tr-btn-view {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46), 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.tr-countdown {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.tr-prize-info {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.5) !important;
}
.tr-match {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background:
    radial-gradient(ellipse 70% 95% at 0% 0%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46) !important;
}
.tr-match:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 42px rgba(255, 215, 0, 0.45) !important;
}
.tr-match.playing {
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.62) !important;
}
.tr-bracket-champ {
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.tournament-banner {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.tournament-banner.is-live {
  box-shadow:
    0 0 0 2px rgba(255, 152, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 4px 0 0 #ff9800 !important;
}
.tournament-banner.is-registered {
  box-shadow:
    0 0 48px rgba(26, 107, 82, 0.6),
    inset 4px 0 0 #8fd4b8 !important;
}
.tr-empty {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(18, 36, 58, 0.94)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .login-logo,
  .login-form-btn,
  .login-btn,
  .login-primary,
  .login-tab,
  .tr-card,
  .tr-match,
  .tr-btn-register,
  .tournament-banner {
    animation: none !important;
    transition: none !important;
  }
  .login-form-btn:hover,
  .login-btn:hover,
  .login-primary:hover,
  .tr-card:hover,
  .tr-match:hover,
  .tr-btn-register:not(:disabled):hover {
    transform: none !important;
  }
}

/* ── Pass 229: Friends / Clubs / Store deepen ── */
.friends-panel {
  background:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255, 215, 0, 0.38), transparent 55%),
    radial-gradient(ellipse 40% 50% at 100% 100%, rgba(26, 107, 82, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(12, 24, 42, 0.4), transparent 40%) !important;
}
.friends-panel .friend-search {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 42px rgba(255, 215, 0, 0.35) !important;
}
.friend-section-title.requests {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.68) !important;
}
.friend-count-pill {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 36px rgba(255, 111, 0, 0.72),
    0 12px 24px rgba(230, 81, 0, 0.45) !important;
}
.friend-row {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.friend-row:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.friend-row.is-online {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 82% 98% at 0% 50%, rgba(26, 107, 82, 0.68), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.friend-row.request {
  border-color: #ffd700 !important;
  background:
    radial-gradient(ellipse 85% 98% at 0% 0%, rgba(255, 215, 0, 0.68), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.96)) !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.friend-row.blocked {
  border-color: rgba(191, 106, 74, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 46px rgba(191, 106, 74, 0.52) !important;
}
.friend-avatar {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.42) !important;
}
.friend-row.is-online .friend-avatar {
  border-color: #8fd4b8 !important;
  box-shadow: 0 0 30px rgba(26, 107, 82, 0.58) !important;
}
.friend-btn.primary,
.friend-btn.invite:not(.muted) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 38px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.friend-btn.accept {
  border: 1px solid rgba(143, 212, 184, 0.98) !important;
  box-shadow: 0 14px 36px rgba(26, 107, 82, 0.62) !important;
}
.friend-btn.danger {
  border: 1px solid rgba(255, 152, 0, 0.92) !important;
  box-shadow: 0 14px 28px rgba(191, 106, 74, 0.35) !important;
}
.friend-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35) !important;
}
.friend-search-input {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.friend-search-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.35), 0 0 32px rgba(255, 215, 0, 0.38) !important;
}
.friend-empty {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4) !important;
}

.club-panel {
  background:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    radial-gradient(ellipse 40% 50% at 0% 100%, rgba(255, 152, 0, 0.18), transparent 55%) !important;
}
.club-panel .club-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  background:
    radial-gradient(ellipse 85% 100% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
.club-chip {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42) !important;
}
.club-chip.primary {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 42px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.club-chip.war {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.club-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.club-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.club-card.is-mine {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.club-avatar {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.48) !important;
}
.club-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.5) !important;
}
.club-you {
  border: 1px solid rgba(143, 212, 184, 0.98) !important;
  box-shadow: 0 0 22px rgba(26, 107, 82, 0.5) !important;
}
.club-btn.join {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.82),
    0 0 38px rgba(255, 152, 0, 0.55) !important;
}
.club-btn.war {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 40px rgba(255, 152, 0, 0.55) !important;
}
.club-tab.active {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.5) !important;
}
.club-war-card {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  background:
    radial-gradient(ellipse 75% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.club-war-card.active {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.club-war-card.pending {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.club-war-score {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.62) !important;
}
.club-badge-card {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), 0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.club-badge-card.is-unlocked {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.shop-panel .shop-toolbar,
.shop-sheet .shop-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
.shop-currency {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.5) !important;
}
.shop-currency b {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.62) !important;
}
.shop-chip,
.shop-tab {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.32) !important;
}
.shop-chip.active,
.shop-tab.active {
  border-color: #ffd700 !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.58) !important;
}
.shop-section-title {
  text-shadow: 0 0 24px rgba(255, 224, 130, 0.5) !important;
}
.shop-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 38px rgba(255, 215, 0, 0.3) !important;
}
.shop-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.shop-card.store-pack {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 82% 98% at 0% 0%, rgba(255, 152, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.6) !important;
}
.shop-card.legendary {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.shop-card.epic {
  border-color: rgba(186, 104, 200, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #ba68c8,
    0 0 48px rgba(186, 104, 200, 0.58) !important;
}
.shop-card.rare {
  border-color: rgba(100, 181, 246, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #64b5f6,
    0 0 48px rgba(100, 181, 246, 0.52) !important;
}
.shop-card.is-equipped {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.shop-card-price {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.58) !important;
}
.shop-card-preview {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.4) !important;
}
.shop-card-btn.buy {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 40px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.shop-card-btn.equip {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 24px rgba(255, 215, 0, 0.28) !important;
}
.shop-sheet .sheet-panel {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .friend-row,
  .friend-btn,
  .club-card,
  .club-chip,
  .club-war-card,
  .club-badge-card,
  .shop-card,
  .shop-card-btn,
  .shop-chip,
  .shop-tab {
    animation: none !important;
    transition: none !important;
  }
  .friend-row:hover,
  .club-card:hover,
  .shop-card:hover {
    transform: none !important;
  }
}

/* ── Pass 230: Profile / Notifications / Season deepen ── */
.profile-hero {
  background:
    radial-gradient(ellipse 96% 72% at 12% 0%, rgba(255, 215, 0, 0.72), transparent 56%),
    radial-gradient(ellipse 60% 58% at 92% 88%, rgba(255, 152, 0, 0.48), transparent 52%),
    linear-gradient(160deg, rgba(22, 42, 68, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.profile-avatar {
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.profile-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.68) !important;
}
.profile-rank.legend,
.profile-rank.diamond {
  text-shadow: 0 0 24px rgba(255, 152, 0, 0.65) !important;
}
.profile-rank.gold,
.profile-rank.plat {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.6) !important;
}
.profile-level {
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.profile-level-fill {
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.9) !important;
}
.profile-chips {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.5) !important;
}
.profile-chips-val {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.58) !important;
}
.profile-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 40px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.profile-stat {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(255, 215, 0, 0.28) !important;
}
.profile-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.profile-link {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.28), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 24px rgba(255, 215, 0, 0.25) !important;
}
.profile-link:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 42px rgba(255, 215, 0, 0.52) !important;
}

.notif-sheet .sheet-panel {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 45% 45% at 100% 100%, rgba(255, 152, 0, 0.24), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.notif-header {
  background:
    radial-gradient(ellipse 90% 130% at 0% 50%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.48), transparent 72%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.88) !important;
}
.notif-mark-all {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46), 0 0 28px rgba(255, 215, 0, 0.3) !important;
}
.notif-mark-all:hover {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.notif-count b {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 40px rgba(255, 111, 0, 0.72) !important;
}
.notif-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.52), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(255, 215, 0, 0.28) !important;
}
.notif-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.notif-card.is-unread {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.notif-card.friend.is-unread,
.notif-card.invite.is-unread {
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.6) !important;
}
.notif-card.reward.is-unread {
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.notif-card.club.is-unread {
  box-shadow:
    inset 4px 0 0 #64b5f6,
    0 0 48px rgba(100, 181, 246, 0.58) !important;
}
.notif-card.tourney.is-unread,
.notif-card.achieve.is-unread {
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.62) !important;
}
.notif-card.support.is-unread {
  box-shadow:
    inset 4px 0 0 #ba68c8,
    0 0 48px rgba(186, 104, 200, 0.58) !important;
}
.notif-icon {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.48) !important;
}
.notif-card.is-unread .notif-title {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.5) !important;
}
.notif-btn.accept,
.notif-btn.primary {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 38px rgba(255, 152, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.notif-btn.decline {
  border: 1px solid rgba(255, 152, 0, 0.92) !important;
}
.notif-empty {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}
.notif-empty-icon {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.55) !important;
}

.season-hero {
  background:
    radial-gradient(ellipse 96% 72% at 50% 0%, rgba(255, 215, 0, 0.72), transparent 56%),
    radial-gradient(ellipse 55% 65% at 100% 100%, rgba(255, 152, 0, 0.48), transparent 52%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.season-hero-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.82) !important;
}
.season-hero-timer {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.72), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.68) !important;
}
.season-me {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 78% 100% at 0% 50%, rgba(26, 107, 82, 0.58), transparent 56%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.98), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.58) !important;
}
.season-reward {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 22px rgba(255, 215, 0, 0.22) !important;
}
.season-reward.unlocked {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.season-reward.next {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.58) !important;
}
.season-board-title {
  text-shadow: 0 0 24px rgba(255, 224, 130, 0.52) !important;
}
.season-row {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 32px rgba(255, 215, 0, 0.25) !important;
}
.season-row:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.season-row.is-top {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.season-row.is-me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
.season-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.season-empty {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .profile-stat,
  .profile-link,
  .profile-btn,
  .notif-card,
  .notif-btn,
  .notif-mark-all,
  .season-hero,
  .season-row,
  .season-reward,
  .season-banner {
    animation: none !important;
    transition: none !important;
  }
  .profile-stat:hover,
  .profile-link:hover,
  .notif-card:hover,
  .season-row:hover,
  .season-reward:hover,
  .season-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 231: Leaderboard / Achievements / Rewards deepen ── */
#lb-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 6%, rgba(255, 215, 0, 0.68), transparent 56%),
    radial-gradient(ellipse 50% 45% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    rgba(4, 8, 18, 0.99) !important;
}
.lb-panel {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 45% 42% at 0% 100%, rgba(255, 152, 0, 0.24), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.lb-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.72) !important;
}
.lb-tabs {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 85% 100% at 50% 0%, rgba(255, 215, 0, 0.28), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 28px rgba(255, 215, 0, 0.22) !important;
}
.lb-tab.active {
  border-color: #ffd700 !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.58) !important;
}
.lb-podium-item.p1 .lb-avatar {
  box-shadow:
    0 0 0 4px rgba(255, 215, 0, 0.95),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.lb-podium-item.p1 .lb-podium-stand {
  box-shadow: 0 0 44px rgba(255, 215, 0, 0.65) !important;
}
.lb-row {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.5), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 34px rgba(255, 215, 0, 0.28) !important;
}
.lb-row:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.lb-row.top1 {
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.lb-row.top2 {
  box-shadow:
    inset 4px 0 0 #b0bec5,
    0 0 48px rgba(176, 190, 197, 0.55) !important;
}
.lb-row.top3 {
  box-shadow:
    inset 4px 0 0 #cd7f32,
    0 0 48px rgba(205, 127, 50, 0.55) !important;
}
.lb-row.is-me {
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
.lb-score-val {
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.58) !important;
}
.lb-medal.m1 {
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.7) !important;
}
.lb-me-bar {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.55) !important;
}
.lb-empty {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}

.achieve-summary {
  background:
    radial-gradient(ellipse 90% 100% at 0% 50%, rgba(255, 215, 0, 0.68), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.achieve-summary-pct {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
}
.achieve-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.65) !important;
}
.achieve-summary-fill {
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.95) !important;
}
.achieve-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.achieve-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.achieve-card.is-unlocked {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.achieve-icon {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.5) !important;
}
.achieve-card.is-unlocked .achieve-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 38px rgba(255, 215, 0, 0.7) !important;
}
.achieve-card.is-unlocked .achieve-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.55) !important;
}
.achieve-badge {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
}
.achieve-card.is-unlocked .achieve-badge {
  border-color: #ffd700 !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.5) !important;
}
.achieve-fill,
.achieve-fill.gold {
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.9) !important;
}
.achievement-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.achievement-banner.claim-ready {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.achieve-empty {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}

.wheel-banner {
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.6) !important;
}
.wheel-banner.is-ready {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.65),
    0 0 48px rgba(255, 152, 0, 0.72),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 96% 62% at 50% 0%, rgba(255, 215, 0, 0.7), transparent 56%),
    radial-gradient(ellipse 58% 55% at 90% 92%, rgba(255, 152, 0, 0.48), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.wheel-status {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 75% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 215, 0, 0.25) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.wheel-seg-prize {
  border-color: #ffd700 !important;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.65) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.75) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 92% 58% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 45% 45% at 90% 90%, rgba(255, 152, 0, 0.3), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.ref-blurb b {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.6) !important;
}
.ref-stat {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 36px rgba(0, 0, 0, 0.46),
    0 0 26px rgba(255, 215, 0, 0.25) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 40px rgba(255, 215, 0, 0.45) !important;
}
.ref-stat-val {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.65) !important;
}
.ref-code {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 40px rgba(255, 215, 0, 0.5) !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 46px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lb-row,
  .lb-tab,
  .achieve-card,
  .achievement-banner,
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary {
    animation: none !important;
    transition: none !important;
  }
  .lb-row:hover,
  .achieve-card:hover,
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover {
    transform: none !important;
  }
}

/* ── Pass 232: Support / Settings / Private room deepen ── */
.support-panel .sup-toolbar {
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 46px rgba(255, 215, 0, 0.38) !important;
}
.sup-count b {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 36px rgba(255, 111, 0, 0.75),
    0 12px 24px rgba(230, 81, 0, 0.5) !important;
}
.sup-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 42px rgba(255, 215, 0, 0.35) !important;
}
.sup-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.sup-card.status-open {
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.sup-card.status-in_progress {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff8f00,
    0 0 48px rgba(255, 152, 0, 0.68),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.sup-card.status-resolved {
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.46) !important;
}
.sup-icon {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 40px rgba(255, 215, 0, 0.65),
    0 0 32px rgba(255, 215, 0, 0.5) !important;
}
.sup-card.status-open .sup-icon {
  box-shadow: 0 0 42px rgba(255, 215, 0, 0.78) !important;
}
.sup-card.status-in_progress .sup-icon {
  box-shadow: 0 0 42px rgba(255, 111, 0, 0.72) !important;
}
.sup-subject {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.sup-pill.open {
  border-color: #ffd700 !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.55) !important;
}
.sup-pill.in_progress {
  border-color: #ff9800 !important;
  box-shadow: 0 0 30px rgba(255, 152, 0, 0.58) !important;
}
.sup-pill.resolved {
  box-shadow: 0 0 26px rgba(26, 107, 82, 0.55) !important;
}
.sup-btn.primary {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 46px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.sup-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.68) !important;
}
.sup-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.sup-input {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 32px rgba(0, 0, 0, 0.4) !important;
}
.sup-input:focus {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.4),
    0 0 36px rgba(255, 215, 0, 0.42) !important;
}
.support-panel .sup-form {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
.sup-detail-head {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.sup-detail-subject {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.55) !important;
}
.sup-msg {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45) !important;
}
.sup-msg.you {
  border-color: rgba(143, 212, 184, 0.95) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 14px 36px rgba(26, 107, 82, 0.42) !important;
}
.sup-msg.staff {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 36px rgba(255, 215, 0, 0.38) !important;
}

#settings-overlay {
  background:
    radial-gradient(ellipse 94% 60% at 50% 6%, rgba(255, 215, 0, 0.68), transparent 56%),
    radial-gradient(ellipse 50% 45% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    rgba(4, 8, 18, 0.99) !important;
}
.settings-panel,
#settings-overlay .settings-panel {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 45% 42% at 0% 100%, rgba(255, 152, 0, 0.24), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.settings-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.72) !important;
}
.settings-row input[type=text] {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 32px rgba(0, 0, 0, 0.4) !important;
}
.settings-row input[type=text]:focus {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.35),
    0 0 36px rgba(255, 215, 0, 0.48) !important;
}
.settings-options .opt-btn {
  border: 1px solid rgba(255, 215, 0, 0.82) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46), 0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.settings-options .opt-btn:hover:not(.selected):not(:disabled) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 40px rgba(255, 215, 0, 0.45) !important;
}
.settings-options .opt-btn.selected {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 0 40px rgba(255, 215, 0, 0.55) !important;
}
.settings-btns button:not(.btn-create-room) {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.settings-btns .btn-create-room {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.settings-btns .btn-create-room:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.7) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 42px rgba(255, 215, 0, 0.35) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .sup-card,
  .sup-btn.primary,
  .settings-options .opt-btn,
  .settings-btns .btn-create-room,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .sup-card:hover,
  .sup-btn.primary:hover,
  .settings-options .opt-btn:hover,
  .settings-btns .btn-create-room:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 233: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.7), transparent 56%),
    radial-gradient(ellipse 50% 48% at 100% 100%, rgba(255, 152, 0, 0.35), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 92% 130% at 0% 50%, rgba(255, 215, 0, 0.68), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.58), transparent 75%) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.95) !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.82) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 78% 98% at 0% 50%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 36px rgba(255, 215, 0, 0.32) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 82% 100% at 100% 50%, rgba(143, 212, 184, 0.65), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 152, 0, 0.68), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.68) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4) !important;
}
.chat-quick button {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.35), 0 0 36px rgba(255, 215, 0, 0.48) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.72) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.46), 0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.5) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.75),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 80% 85% at 50% 0%, rgba(255, 215, 0, 0.55), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 152, 0, 0.7) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.55) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 18px rgba(255, 215, 0, 0.8));
}
.gift-anim {
  filter: drop-shadow(0 0 36px rgba(255, 215, 0, 0.88));
}

.account-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.58),
    0 14px 44px rgba(0, 0, 0, 0.48) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.55),
    0 14px 42px rgba(0, 0, 0, 0.46) !important;
}
.account-card.danger {
  border-color: rgba(191, 106, 74, 0.98) !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.55),
    0 14px 42px rgba(0, 0, 0, 0.46) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.48) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.85),
    0 0 42px rgba(255, 152, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.account-btn.danger {
  border: 1px solid rgba(191, 106, 74, 0.92) !important;
  box-shadow: 0 0 32px rgba(191, 106, 74, 0.5) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 44px rgba(191, 106, 74, 0.65) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 234: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 82% 200% at 0% 50%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 58% 160% at 100% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 30px rgba(0, 0, 0, 0.48),
    0 0 22px rgba(255, 215, 0, 0.22) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.85) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.82) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 36px rgba(255, 152, 0, 0.5) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 38px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #c9a227,
    0 14px 38px rgba(212, 175, 55, 0.82),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}

#turn-banner {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 3px rgba(255, 106, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 106, 0, 0.82) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 85% 75% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.62) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.9) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.82) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.4) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 92% 150% at 50% 0%, rgba(255, 215, 0, 0.6), transparent 58%),
    radial-gradient(ellipse 48% 70% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 36px rgba(0, 0, 0, 0.5) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.85),
    0 0 48px rgba(26, 107, 82, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.8),
    0 0 44px rgba(143, 212, 184, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.48), 0 0 32px rgba(255, 215, 0, 0.35) !important;
}

#rack-section {
  box-shadow:
    0 -16px 44px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 220, 160, 0.32) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.6),
    0 -16px 44px rgba(0, 0, 0, 0.48) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 0.95),
    0 0 48px rgba(255, 138, 0, 0.72),
    0 -16px 44px rgba(0, 0, 0, 0.5) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.82) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.92),
    inset 0 -4px 18px rgba(255, 200, 140, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.82), 0 0 40px rgba(255, 152, 0, 0.6) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.82), 0 0 44px rgba(255, 215, 0, 0.68) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 3px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.45),
    0 14px 42px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 235: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -8%, rgba(255, 215, 0, 0.7), transparent 52%),
    radial-gradient(ellipse at 6% 68%, rgba(26, 107, 82, 0.68), transparent 46%),
    radial-gradient(ellipse at 96% 100%, rgba(255, 140, 0, 0.58), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.78) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 98% 125% at 4% 50%, rgba(255, 152, 0, 0.88), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.78), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.9),
    0 14px 32px rgba(0, 0, 0, 0.5) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 40px rgba(255, 215, 0, 0.35) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.9),
    0 0 48px rgba(26, 107, 82, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.lobby-btn.refresh {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.48), 0 0 32px rgba(255, 215, 0, 0.35) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.7) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(255, 215, 0, 0.78), transparent 54%),
    radial-gradient(ellipse at 8% 92%, rgba(26, 107, 82, 0.65), transparent 48%),
    radial-gradient(ellipse at 96% 68%, rgba(255, 140, 0, 0.55), transparent 46%),
    rgba(4, 8, 18, 0.99) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.72), transparent 56%),
    radial-gradient(ellipse 48% 48% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 152, 0, 0.75) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.82) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.52),
    0 0 42px rgba(255, 215, 0, 0.68) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.72),
    0 14px 36px rgba(0, 0, 0, 0.5) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), 0 0 32px rgba(255, 215, 0, 0.32) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.52), 0 0 40px rgba(255, 152, 0, 0.5) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 40px rgba(255, 215, 0, 0.4) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.72),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 236: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 215, 0, 0.88), transparent 54%),
    radial-gradient(ellipse at 10% 94%, rgba(26, 107, 82, 0.68), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.58), transparent 46%),
    rgba(4, 8, 18, 0.992) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 152, 0, 0.55), transparent 54%),
    radial-gradient(ellipse at 16% 92%, rgba(191, 106, 74, 0.5), transparent 48%),
    rgba(4, 8, 18, 0.992) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.7), transparent 56%),
    radial-gradient(ellipse 48% 48% at 100% 100%, rgba(255, 152, 0, 0.3), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.6) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.55), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.82), rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85), 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.48), 0 0 24px rgba(255, 215, 0, 0.22) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.68) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.36) !important;
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.55) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 36px rgba(255, 215, 0, 0.35) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 14%, rgba(255, 215, 0, 0.58), transparent 52%),
    radial-gradient(ellipse at 92% 92%, rgba(255, 152, 0, 0.32), transparent 50%),
    radial-gradient(ellipse at 8% 80%, rgba(26, 107, 82, 0.35), transparent 48%),
    rgba(4, 8, 18, 0.96) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.7), transparent 56%),
    radial-gradient(ellipse 48% 48% at 100% 100%, rgba(255, 152, 0, 0.28), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.78), 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
.re-flag {
  filter: drop-shadow(0 0 36px rgba(255, 215, 0, 0.85)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 26px rgba(255, 215, 0, 0.85) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.78) !important;
  background:
    radial-gradient(ellipse 72% 95% at 0% 50%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.48), 0 0 22px rgba(255, 215, 0, 0.2) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 14%, rgba(255, 215, 0, 0.65), transparent 52%),
    radial-gradient(ellipse at 10% 92%, rgba(191, 106, 74, 0.45), transparent 48%),
    radial-gradient(ellipse at 94% 68%, rgba(255, 140, 0, 0.38), transparent 46%),
    rgba(4, 8, 18, 0.98) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.68), transparent 56%),
    radial-gradient(ellipse 48% 48% at 100% 100%, rgba(255, 152, 0, 0.26), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(230, 81, 0, 0.68) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 0 0 3px rgba(143, 212, 184, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.75),
    0 0 40px rgba(255, 215, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.78) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 36px rgba(230, 81, 0, 0.5), 0 0 28px rgba(255, 152, 0, 0.4) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 36px rgba(255, 215, 0, 0.42), 0 0 28px rgba(255, 215, 0, 0.35) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.48), 0 0 36px rgba(255, 215, 0, 0.32) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.92),
    0 0 48px rgba(255, 152, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.88),
    0 0 46px rgba(143, 212, 184, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 215, 0, 0.28) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 90% 110% at 6% 0%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(230, 81, 0, 0.65) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 0.7) !important;
}
.game-toast {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 75% 100% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 42px rgba(255, 215, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}


/* ── Pass 237: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.75), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.62), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.7), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.58), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.62), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.62) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 1) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 40px rgba(255, 215, 0, 0.32) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.62),
    0 14px 44px rgba(0, 0, 0, 0.5) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.58) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.55), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 32px rgba(26, 107, 82, 0.58) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 22px rgba(255, 215, 0, 0.55);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: rgba(8, 18, 32, 0.94) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 24px rgba(26, 107, 82, 0.75) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.52), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.88),
    0 0 42px rgba(255, 152, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.28), transparent 50%),
    rgba(4, 8, 18, 0.99) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.26), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.58),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 152, 0, 0.65) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.75) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.55), rgba(18, 36, 58, 0.94)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 36px rgba(255, 152, 0, 0.55) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.72) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.36), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 18px rgba(255, 215, 0, 0.18) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.5) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 0 0 24px rgba(26, 107, 82, 0.32),
    0 0 36px rgba(26, 107, 82, 0.48) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 42px rgba(255, 152, 0, 0.58) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.92),
    0 0 48px rgba(255, 152, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4), 0 0 22px rgba(255, 215, 0, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}


/* ── Pass 238: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.8), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.68), rgba(8, 16, 32, 0.92)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 152, 0, 0.68) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.8), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.72), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.72),
    0 0 48px rgba(255, 152, 0, 0.8),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.55), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 44px rgba(0, 0, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 0 3px rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.75) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.75), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.65), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 36px rgba(255, 215, 0, 0.35) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.78) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.75),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.85) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.75), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.38), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.72);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 36px rgba(255, 215, 0, 0.35) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.78) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.4), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.78) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.24), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 24px rgba(255, 215, 0, 0.28) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.4) !important;
  color: rgba(255, 236, 179, 0.72) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.65), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.68), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.48), rgba(18, 36, 58, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.72), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.48), rgba(18, 36, 58, 0.97)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.5) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.4);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.85) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.38) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}


/* ── Pass 239: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.8), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.45), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.8), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.7), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.92) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.65), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.75), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.75) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.78), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.8) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.48), 0 0 28px rgba(255, 215, 0, 0.28) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.52),
    0 0 38px rgba(255, 215, 0, 0.4) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.78),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 36px rgba(0, 0, 0, 0.48) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.45), 0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.75),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.85) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.52), 0 0 36px rgba(255, 215, 0, 0.35) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.85),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.48) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 152, 0, 0.82) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.7) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 26px rgba(255, 215, 0, 0.95));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.98));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.68),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.48), 0 0 24px rgba(255, 215, 0, 0.28) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.92),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 42px rgba(191, 106, 74, 0.65) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.8) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}


/* ── Pass 240: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.52), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 38px rgba(0, 0, 0, 0.52),
    0 0 32px rgba(255, 215, 0, 0.32) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.95) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.92) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.65) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.9),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.62) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 3px rgba(255, 106, 0, 0.8),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 106, 0, 0.92) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.7), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.65) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.78) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 44px rgba(255, 215, 0, 0.95) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.72), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.92),
    0 0 48px rgba(26, 107, 82, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.9),
    0 0 48px rgba(143, 212, 184, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.52), 0 0 42px rgba(255, 215, 0, 0.45) !important;
}

#rack-section {
  box-shadow:
    0 -20px 52px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 0.72),
    0 -20px 52px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 1),
    0 0 48px rgba(255, 138, 0, 0.85),
    0 -20px 52px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.95) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.95),
    inset 0 -4px 22px rgba(255, 200, 140, 0.38),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.92), 0 0 48px rgba(255, 152, 0, 0.72) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.92), 0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 3px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.55),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}


/* ── Pass 241: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.82), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.78), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.68), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.9) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.95), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.88), rgba(18, 36, 58, 0.9) 36%, rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1),
    0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.92), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.95),
    0 0 48px rgba(26, 107, 82, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 42px rgba(255, 215, 0, 0.45) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.82) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.88), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.75), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.65), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.82), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.4), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 152, 0, 0.85) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.92) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.52), 0 0 42px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.58), 0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.82),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.95) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}


/* ── Pass 242: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.95), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.78), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.68), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.65), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.6), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.8), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.38), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.62), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 0.96), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.95), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.45), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 32px rgba(255, 215, 0, 0.32) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.8) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.7) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.45) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.7), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.42), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.45), transparent 48%),
    rgba(4, 8, 18, 0.97) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.8), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.35), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.9), 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 44px rgba(255, 215, 0, 0.95)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 34px rgba(255, 215, 0, 0.95) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.45), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 30px rgba(255, 215, 0, 0.3) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.75) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.75), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.55), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.48), transparent 46%),
    rgba(4, 8, 18, 0.985) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.72),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(230, 81, 0, 0.8) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 0 0 3px rgba(143, 212, 184, 0.65),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(26, 107, 82, 0.75) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.85),
    0 0 48px rgba(255, 215, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.9) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.6), 0 0 36px rgba(255, 152, 0, 0.5) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.52), 0 0 36px rgba(255, 215, 0, 0.45) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.95),
    0 0 48px rgba(143, 212, 184, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 36px rgba(255, 215, 0, 0.38) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.7), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(26, 107, 82, 0.75) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(230, 81, 0, 0.78) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 46px rgba(255, 215, 0, 0.85) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 243: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.88), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.75), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.7),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.45) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.82), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.7), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.68),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.75), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.95) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.75) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 36px rgba(255, 215, 0, 1) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.75),
    0 14px 44px rgba(0, 0, 0, 0.5) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 42px rgba(255, 215, 0, 0.88) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.55), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 42px rgba(26, 107, 82, 0.72) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  background: rgba(8, 18, 32, 0.94) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 32px rgba(255, 215, 0, 0.95) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 32px rgba(26, 107, 82, 0.88) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.65), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.78) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.94)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.42), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.38), transparent 50%),
    rgba(4, 8, 18, 0.99) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.26), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.58),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 152, 0, 0.78) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.88) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.68), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.7) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 24px rgba(255, 215, 0, 0.18) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.65) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 0 0 24px rgba(26, 107, 82, 0.32),
    0 0 48px rgba(26, 107, 82, 0.62) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.5),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.7) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.3), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4), 0 0 32px rgba(255, 215, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 244: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.9), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.8), rgba(8, 16, 32, 0.92)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 152, 0, 0.8) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.9), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.85), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.82),
    0 0 48px rgba(255, 152, 0, 0.9),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.65), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 0 3px rgba(255, 215, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.82) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.85), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.75), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.6),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.88) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.88),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.95) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.85), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.48), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.85);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.88) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.9) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 32px rgba(255, 215, 0, 0.28) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.5) !important;
  color: rgba(255, 236, 179, 0.72) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.8), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.58), rgba(18, 36, 58, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.78),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.85), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.58), rgba(18, 36, 58, 0.98)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.68),
    0 14px 44px rgba(0, 0, 0, 0.5) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.95) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.88) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.62),
    0 0 48px rgba(255, 215, 0, 0.5) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.85) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 245: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.9), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.55), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.9), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.82), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.78), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.88) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.88), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.92) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 36px rgba(255, 215, 0, 0.28) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(255, 215, 0, 0.52) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.9),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.88),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.95) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.58), 0 0 46px rgba(255, 215, 0, 0.48) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 2px rgba(255, 215, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.95),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.8), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.6) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 152, 0, 0.92) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.82) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 34px rgba(255, 215, 0, 1));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.78), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.62) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.8),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.85),
    0 14px 44px rgba(0, 0, 0, 0.52) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 34px rgba(255, 215, 0, 0.4) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.78) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.92) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 246: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.88), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.62), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.58),
    0 0 42px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.78) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1),
    0 0 48px rgba(255, 215, 0, 1) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 3px rgba(255, 106, 0, 0.92),
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 106, 0, 1) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.82), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 0.98),
    0 14px 44px rgba(0, 0, 0, 0.72) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.9) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.95) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.85), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.55), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.75),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.62) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1),
    0 0 48px rgba(26, 107, 82, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1),
    0 0 48px rgba(143, 212, 184, 0.85),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.6), 0 0 48px rgba(255, 215, 0, 0.58) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 1),
    0 0 48px rgba(255, 215, 0, 0.85),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 3px rgba(255, 138, 0, 1),
    0 0 48px rgba(255, 138, 0, 0.95),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.95) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.95),
    inset 0 -4px 22px rgba(255, 200, 140, 0.38),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1), 0 0 48px rgba(255, 152, 0, 0.85) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1), 0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 3px rgba(255, 215, 0, 1),
    0 0 0 5px rgba(255, 215, 0, 0.68),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.82),
    0 0 48px rgba(255, 215, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 247: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.92), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.88), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.8), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.95), rgba(18, 36, 58, 0.92) 36%, rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1),
    0 14px 42px rgba(0, 0, 0, 0.62) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1),
    0 0 48px rgba(26, 107, 82, 0.85),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.62), 0 0 48px rgba(255, 215, 0, 0.58) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.92) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.95), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.85), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.78), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.92), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.52), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.95) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.62) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.6), 0 0 48px rgba(255, 215, 0, 0.55) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.65), 0 0 48px rgba(255, 152, 0, 0.65) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.62), 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.92),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 248: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.88), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.8), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.78), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.72), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.9), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.5), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 3px rgba(255, 215, 0, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.62), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.98), rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1),
    0 0 48px rgba(255, 215, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.62), 0 0 42px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.92) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.58) !important;
  box-shadow: 0 0 44px rgba(255, 215, 0, 0.85) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1),
    0 0 48px rgba(255, 152, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.62), 0 0 48px rgba(255, 215, 0, 0.58) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.7), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.42), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.45), transparent 48%),
    rgba(4, 8, 18, 0.97) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.9), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.35), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1), 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 44px rgba(255, 215, 0, 0.95)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 44px rgba(255, 215, 0, 1) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.62), 0 0 40px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.88) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.75), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.55), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.48), transparent 46%),
    rgba(4, 8, 18, 0.985) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.32), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 3px rgba(255, 152, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(230, 81, 0, 0.92) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 0 0 3px rgba(143, 212, 184, 0.8),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(26, 107, 82, 0.88) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.85),
    0 0 48px rgba(255, 215, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.6), 0 0 46px rgba(255, 152, 0, 0.65) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.52), 0 0 46px rgba(255, 215, 0, 0.58) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.55) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.95),
    0 0 48px rgba(143, 212, 184, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.38), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 46px rgba(255, 215, 0, 0.5) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.7), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(26, 107, 82, 0.88) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.72),
    0 0 48px rgba(230, 81, 0, 0.9) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.5), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.65),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 249: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.63),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.98), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.85), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.95),
    0 0 48px rgba(255, 215, 0, 0.9),
    0 14px 44px rgba(0, 0, 0, 0.63) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.63),
    0 0 48px rgba(255, 215, 0, 0.65) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.92), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.7), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.75),
    0 0 48px rgba(255, 152, 0, 0.88),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.66),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.85) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 46px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.65), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.63),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.58), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.55), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.92) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.9);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.6) !important;
  background: rgba(8, 18, 32, 0.94) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 42px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 42px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.75), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.98) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.8) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.32), rgba(18, 36, 58, 0.94)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.88), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.52), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.48), transparent 50%),
    rgba(4, 8, 18, 0.99) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.36), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.88) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.78),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 152, 0, 0.98) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.78), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.9) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.58), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.58), 0 0 34px rgba(255, 215, 0, 0.38) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.85) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 0 0 34px rgba(26, 107, 82, 0.52),
    0 0 48px rgba(26, 107, 82, 0.82) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.9) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.4), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.48), 0 0 42px rgba(255, 215, 0, 0.6) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 250: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.8), rgba(8, 16, 32, 0.92)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.95), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.66) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.75), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 0 5px rgba(255, 215, 0, 0.95),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.9) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.95), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.85), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.68),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.95), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.58), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 0.9) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.6), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.58), 0 0 42px rgba(255, 215, 0, 0.48) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.6) !important;
  color: rgba(255, 236, 179, 0.72) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.95), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.8), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.68), rgba(18, 36, 58, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.98),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.95), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.68), rgba(18, 36, 58, 0.98)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.78),
    0 14px 44px rgba(0, 0, 0, 0.58) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.7);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 40px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.98) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.7),
    0 0 48px rgba(255, 215, 0, 0.7) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 251: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.65), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.92), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.88), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.98), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.63), 0 0 46px rgba(255, 215, 0, 0.48) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.66),
    0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.66) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.63) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.75), 0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.66), 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.85),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.9), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 44px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.88), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.95),
    0 14px 44px rgba(0, 0, 0, 0.6) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.63), 0 0 44px rgba(255, 215, 0, 0.6) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.88) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 252: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.98), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.72), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.66),
    0 0 48px rgba(255, 215, 0, 0.62) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.98) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.92), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.8) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.76),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.95), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.65), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.83),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.68), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.95) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 -4px 22px rgba(255, 200, 140, 0.38),
    0 14px 44px rgba(0, 0, 0, 0.76) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 253: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.98), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.9), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 0.92) 36%, rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 8px 18px rgba(0, 0, 0, 0.68) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.95), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.88), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.62), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.7) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.68), 0 0 48px rgba(255, 215, 0, 0.75) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.73), 0 0 48px rgba(255, 152, 0, 0.85) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 254: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.98), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.9), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.88), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.82), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.6), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.62), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 0.97), rgba(8, 16, 28, 0.98)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 8px 18px rgba(0, 0, 0, 0.68) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.68) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.8), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.52), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.55), transparent 48%),
    rgba(4, 8, 18, 0.97) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.45), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 8px 18px rgba(0, 0, 0, 0.63) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.62) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.85), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.65), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.58), transparent 46%),
    rgba(4, 8, 18, 0.985) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.42), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.78), 0 0 48px rgba(255, 152, 0, 0.85) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.7), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.63), 0 0 48px rgba(255, 215, 0, 0.75) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.97)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.63), 0 0 48px rgba(255, 215, 0, 0.7) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.8), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.8),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.6), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.73),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 255: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.71),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.95), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.71) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.71),
    0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.7), rgba(8, 16, 32, 0.92)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.95),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.95), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.74),
    0 0 48px rgba(255, 215, 0, 0.9) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.95) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.75), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.998), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.71),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.66) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.68), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.55), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.7) !important;
  background: rgba(8, 18, 32, 0.94) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.85), rgba(18, 36, 58, 0.94)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.42), rgba(18, 36, 58, 0.94)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.98), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.62), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.58), transparent 50%),
    rgba(4, 8, 18, 0.99) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.46), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.98),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.88), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.68), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.999)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.66), 0 0 44px rgba(255, 215, 0, 0.58) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 0 0 44px rgba(26, 107, 82, 0.72),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.5), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.56), 0 0 48px rgba(255, 215, 0, 0.8) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 256: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.8), rgba(8, 16, 32, 0.92)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 0.88)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.74) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.85), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 0.96)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.95), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.995), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.76),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.68), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.7), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 0.94)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.66), 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.7) !important;
  color: rgba(255, 236, 179, 0.72) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.8), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.78), rgba(18, 36, 58, 0.97)) !important;
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.78), rgba(18, 36, 58, 0.98)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.88),
    0 14px 44px rgba(0, 0, 0, 0.66) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.9);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.99), rgba(6, 14, 26, 0.998)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.78),
    0 0 48px rgba(255, 215, 0, 0.9) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 257: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.75), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.98), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.99) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.6), rgba(18, 36, 58, 0.96)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.71), 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.74),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.74) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.71) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.95), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.74), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.98), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.99) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.68) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.71), 0 0 48px rgba(255, 215, 0, 0.8) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.98) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 258: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.82), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.999), rgba(6, 12, 24, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.94),
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.74),
    0 0 48px rgba(255, 215, 0, 0.82) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.86) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.88),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.84),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.75), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.999), rgba(6, 14, 26, 0.999)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.76), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.62) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.95) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 -4px 22px rgba(255, 200, 140, 0.38),
    0 14px 44px rgba(0, 0, 0, 0.84) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 259: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.8) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 12px 30px rgba(0, 0, 0, 0.78) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.83),
    0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.98), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.72), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.83),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.8) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.78), 0 0 48px rgba(255, 215, 0, 0.85) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.83), 0 0 48px rgba(255, 152, 0, 0.95) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 260: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.98), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.92), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.7), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.72), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 12px 30px rgba(0, 0, 0, 0.78) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.78), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.78) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.72), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.9), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.62), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.65), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.55), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 12px 30px rgba(0, 0, 0, 0.73) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.78), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.72) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.95), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.75), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.68), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.52), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.88), 0 0 48px rgba(255, 152, 0, 0.95) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.8), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.73), 0 0 48px rgba(255, 215, 0, 0.85) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.58), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.73), 0 0 48px rgba(255, 215, 0, 0.8) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.9), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.9),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.7), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.83),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 261: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.81) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.8), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.85), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 14px 44px rgba(0, 0, 0, 0.81),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.76) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.78), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.65), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.8) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.95), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.52), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.72), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.68), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.56), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.98), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.78), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.76), 0 0 48px rgba(255, 215, 0, 0.68) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.82),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.6), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.66), 0 0 48px rgba(255, 215, 0, 0.9) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 262: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.9), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 0.98)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.84) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.95), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.86),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.78), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.8), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.76), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.8) !important;
  color: rgba(255, 236, 179, 0.82) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.9), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.88), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.88), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.98),
    0 14px 44px rgba(0, 0, 0, 0.76) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.88),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 263: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.85), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.95), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.7), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.81), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.84) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 44px rgba(0, 0, 0, 0.81) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.84), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.78) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.81), 0 0 48px rgba(255, 215, 0, 0.9) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 264: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.92), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.84),
    0 0 48px rgba(255, 215, 0, 0.92) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.96) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.94),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.85), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.86), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 220, 160, 0.5) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.72) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.72) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 -4px 22px rgba(255, 200, 140, 0.48),
    0 14px 44px rgba(0, 0, 0, 0.94) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 265: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.9) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 42px rgba(0, 0, 0, 0.88) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.93),
    0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.9), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.82), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.93),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.9) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.88), 0 0 48px rgba(255, 215, 0, 0.95) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.93), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.9), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 266: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.8), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.82), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 42px rgba(0, 0, 0, 0.88) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.88), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.9), 0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.88) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.82), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.9), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.72), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.75), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.65), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 42px rgba(0, 0, 0, 0.83) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.88), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.9), 0 0 48px rgba(255, 215, 0, 0.82) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.85), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.78), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.62), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.98), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.9), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.83), 0 0 48px rgba(255, 215, 0, 0.95) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.68), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.83), 0 0 48px rgba(255, 215, 0, 0.9) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.8), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.93),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 267: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.91) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.9), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.95), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 14px 44px rgba(0, 0, 0, 0.91),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.86) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.88), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.75), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.9) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.62), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.82), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.78), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.66), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.88), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.86), 0 0 48px rgba(255, 215, 0, 0.78) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.92),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.7), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.76), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 268: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.94) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.96),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.88), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.9), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.72), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.86), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.9) !important;
  color: rgba(255, 236, 179, 0.92) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.98), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.98), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.86) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.98),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 269: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.95), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.8), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.91), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.94) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 14px 44px rgba(0, 0, 0, 0.91) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.94), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.88) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.91), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 270: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.94),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.95), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.96), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 220, 160, 0.6) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.82) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.82) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 -4px 22px rgba(255, 200, 140, 0.58),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 271: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.92), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.98), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 272: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.9), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.92), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.98), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.98) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.92), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.82), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.85), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.75), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 0.93) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.98), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 0.92) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.95), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.88), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.72), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.93), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.78), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.93), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.9), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 273: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.96) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.98), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.85), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.72), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.92), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.88), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.76), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.98), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.96), 0 0 48px rgba(255, 215, 0, 0.88) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.8), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.86), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 274: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.54),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.98), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.82), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.96), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.96) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 275: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 0.98) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 0.98) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 276: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.54),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -24px 60px rgba(0, 0, 0, 0.9),
    inset 0 1px 0 rgba(255, 220, 160, 0.7) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.92) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -24px 60px rgba(0, 0, 0, 0.92) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 -4px 22px rgba(255, 200, 140, 0.68),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 277: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 278: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.9), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.9), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.8), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.8), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}


/* ── Pass 279: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.9), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.8), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.9), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}


/* ── Pass 280: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}


/* ── Pass 281: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}


/* ── Pass 282: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -20px 72px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 0.8) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -20px 72px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -20px 72px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 0px 34px rgba(255, 200, 140, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}


/* ── Pass 283: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}


/* ── Pass 284: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.9), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.9), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}



/* ── Pass 285: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.9), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}



/* ── Pass 286: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 287: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 288: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -16px 84px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 0.9) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -16px 84px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -16px 84px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 4px 44px rgba(255, 200, 140, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 289: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}



/* ── Pass 290: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}




/* ── Pass 291: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}




/* ── Pass 292: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}




/* ── Pass 293: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}




/* ── Pass 294: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -12px 96px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -12px 96px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -12px 96px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 8px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}




/* ── Pass 295: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}




/* ── Pass 296: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}





/* ── Pass 297: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}





/* ── Pass 298: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}





/* ── Pass 299: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}





/* ── Pass 300: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 12px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}





/* ── Pass 301: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}





/* ── Pass 302: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}






/* ── Pass 303: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}






/* ── Pass 304: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 305: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 306: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 307: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}



/* ── Pass 308: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}



/* ── Pass 309: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}



/* ── Pass 310: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 311: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 312: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 313: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}



/* ── Pass 314: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}



/* ── Pass 315: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}



/* ── Pass 316: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 317: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 318: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 319: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}



/* ── Pass 320: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}



/* ── Pass 321: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}



/* ── Pass 322: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 323: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 324: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 325: Lobby / Matchmaking deepen ── */
#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}



/* ── Pass 326: Round end / Confirm / UX tip deepen ── */
#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}



/* ── Pass 327: Missions / Daily deepen ── */
.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}



/* ── Pass 328: Wheel / Referral / Room browser deepen ── */
.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}



/* ── Pass 329: Chat / Gift / Account deepen ── */
#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}



/* ── Pass 330: Board / Topbar / Actions deepen ── */
#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 331: Lobby / Matchmaking deepen ── */

#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 332: Round end / Confirm / UX tip deepen ── */

#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 333: Missions / Daily deepen ── */

.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 334: Wheel / Referral / Room browser deepen ── */

.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 335: Chat / Gift / Account deepen ── */

#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 336: Board / Topbar / Actions deepen ── */

#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 337: Lobby / Matchmaking deepen ── */


#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 338: Round end / Confirm / UX tip deepen ── */


#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 339: Missions / Daily deepen ── */


.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 340: Wheel / Referral / Room browser deepen ── */


.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 341: Chat / Gift / Account deepen ── */


#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 342: Board / Topbar / Actions deepen ── */


#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 343: Lobby / Matchmaking deepen ── */



#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 344: Round end / Confirm / UX tip deepen ── */



#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 345: Missions / Daily deepen ── */



.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 346: Wheel / Referral / Room browser deepen ── */



.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 347: Chat / Gift / Account deepen ── */



#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 348: Board / Topbar / Actions deepen ── */



#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 349: Lobby / Matchmaking deepen ── */




#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 350: Round end / Confirm / UX tip deepen ── */




#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 351: Missions / Daily deepen ── */




.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 352: Wheel / Referral / Room browser deepen ── */




.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 353: Chat / Gift / Account deepen ── */




#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 354: Board / Topbar / Actions deepen ── */




#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 355: Lobby / Matchmaking deepen ── */





#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 356: Round end / Confirm / UX tip deepen ── */





#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 357: Missions / Daily deepen ── */





.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 358: Wheel / Referral / Room browser deepen ── */





.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 359: Chat / Gift / Account deepen ── */





#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 360: Board / Topbar / Actions deepen ── */





#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 361: Lobby / Matchmaking deepen ── */






#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 362: Round end / Confirm / UX tip deepen ── */






#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 363: Missions / Daily deepen ── */






.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 364: Wheel / Referral / Room browser deepen ── */






.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 365: Chat / Gift / Account deepen ── */






#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 366: Board / Topbar / Actions deepen ── */






#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 367: Lobby / Matchmaking deepen ── */







#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 368: Round end / Confirm / UX tip deepen ── */







#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 369: Missions / Daily deepen ── */







.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 370: Wheel / Referral / Room browser deepen ── */







.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 371: Chat / Gift / Account deepen ── */







#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 372: Board / Topbar / Actions deepen ── */







#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 373: Lobby / Matchmaking deepen ── */








#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 374: Round end / Confirm / UX tip deepen ── */








#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 375: Missions / Daily deepen ── */








.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 376: Wheel / Referral / Room browser deepen ── */








.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 1.0), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 1.0) !important;
  color: rgba(255, 236, 179, 1.0) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 377: Chat / Gift / Account deepen ── */








#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 1.0), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 378: Board / Topbar / Actions deepen ── */








#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 1.0) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 1.0) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 220, 160, 1.0) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 1.0),
    0 0 48px rgba(255, 138, 0, 1.0),
    0 -8px 108px rgba(0, 0, 0, 1.0) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 1.0) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 14px 44px rgba(255, 200, 140, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1.0) inset,
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 379: Lobby / Matchmaking deepen ── */









#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 1.0), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 1.0), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0) 36%, rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 380: Round end / Confirm / UX tip deepen ── */









#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 1.0), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 1.0), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0), rgba(8, 16, 28, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 1.0) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 1.0), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 1.0), transparent 48%),
    rgba(4, 8, 18, 1.0) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0), 0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 1.0)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 1.0), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 1.0), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 1.0), transparent 46%),
    rgba(4, 8, 18, 1.0) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 1.0), 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(143, 212, 184, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(230, 81, 0, 1.0) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 381: Missions / Daily deepen ── */









.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 1.0), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 1.0), rgba(8, 16, 32, 1.0)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 1.0) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: rgba(8, 18, 32, 1.0) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 1.0) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 1.0), transparent 50%),
    rgba(4, 8, 18, 1.0) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 1.0), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 1.0), rgba(6, 12, 24, 1.0)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 1.0),
    0 14px 44px rgba(0, 0, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 1.0), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 1.0), rgba(6, 14, 26, 1.0)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 1.0) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 1.0),
    0 0 48px rgba(26, 107, 82, 1.0) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 1.0),
    0 0 48px rgba(255, 215, 0, 1.0) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 1.0) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 1.0),
    0 0 48px rgba(255, 152, 0, 1.0),
    inset 0 1px 0 rgba(255, 255, 255, 1.0) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 1.0) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 1.0), rgba(18, 36, 58, 1.0)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 1.0), 0 0 48px rgba(255, 215, 0, 1.0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 382: Wheel / Referral / Room browser deepen ── */









.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 383: Chat / Gift / Account deepen ── */









#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 384: Board / Topbar / Actions deepen ── */









#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 385: Lobby / Matchmaking deepen ── */










#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 386: Round end / Confirm / UX tip deepen ── */










#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 387: Missions / Daily deepen ── */










.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 388: Wheel / Referral / Room browser deepen ── */










.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 389: Chat / Gift / Account deepen ── */










#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 390: Board / Topbar / Actions deepen ── */










#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 391: Lobby / Matchmaking deepen ── */











#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 392: Round end / Confirm / UX tip deepen ── */











#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 393: Missions / Daily deepen ── */











.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 394: Wheel / Referral / Room browser deepen ── */











.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 395: Chat / Gift / Account deepen ── */











#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 396: Board / Topbar / Actions deepen ── */











#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 397: Lobby / Matchmaking deepen ── */












#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 398: Round end / Confirm / UX tip deepen ── */












#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 399: Missions / Daily deepen ── */












.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 400: Wheel / Referral / Room browser deepen ── */












.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 401: Chat / Gift / Account deepen ── */












#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 402: Board / Topbar / Actions deepen ── */












#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 403: Lobby / Matchmaking deepen ── */













#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 404: Round end / Confirm / UX tip deepen ── */













#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 405: Missions / Daily deepen ── */













.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 406: Wheel / Referral / Room browser deepen ── */













.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 407: Chat / Gift / Account deepen ── */













#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 408: Board / Topbar / Actions deepen ── */













#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 409: Lobby / Matchmaking deepen ── */














#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 410: Round end / Confirm / UX tip deepen ── */














#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 411: Missions / Daily deepen ── */














.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 412: Wheel / Referral / Room browser deepen ── */














.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 413: Chat / Gift / Account deepen ── */














#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 414: Board / Topbar / Actions deepen ── */














#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 415: Lobby / Matchmaking deepen ── */















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 416: Round end / Confirm / UX tip deepen ── */















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 417: Missions / Daily deepen ── */















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 418: Wheel / Referral / Room browser deepen ── */















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 419: Chat / Gift / Account deepen ── */















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 420: Board / Topbar / Actions deepen ── */















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 421: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 422: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 423: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 424: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 425: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 426: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 427: Lobby / Matchmaking deepen ── */

















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 428: Round end / Confirm / UX tip deepen ── */

















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 429: Missions / Daily deepen ── */

















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 430: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 431: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 432: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 433: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 434: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 435: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 436: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 437: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 438: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 439: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 440: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 441: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 442: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 443: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 444: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 445: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 446: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 447: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 448: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 449: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 450: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 451: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 452: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 453: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 454: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 455: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 456: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 457: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 458: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 459: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 460: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 461: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 462: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 463: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 464: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 465: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 466: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 467: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 468: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 469: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 470: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 471: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 472: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 473: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 474: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 475: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 476: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 477: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 478: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 479: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 480: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 481: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 482: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 483: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 484: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 485: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 486: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 487: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 488: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 489: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 490: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 491: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 492: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 493: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 494: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 495: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 496: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 497: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 498: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 499: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 500: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 501: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 502: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 503: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 504: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 505: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 506: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 507: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 508: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 509: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 510: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 511: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 512: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 513: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 514: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 515: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 516: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 517: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 518: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 519: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 520: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 521: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 522: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 523: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 524: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 525: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 526: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 527: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 528: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 529: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 530: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 531: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 532: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 533: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 534: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 535: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 536: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 537: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 538: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 539: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 540: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 541: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 542: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 543: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 544: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 545: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 546: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 547: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 548: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 549: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 550: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 551: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 552: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 553: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 554: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 555: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 556: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 557: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 558: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 559: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 560: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 561: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 562: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 563: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 564: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 565: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 566: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 567: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 568: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 569: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 570: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 571: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 572: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 573: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 574: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 575: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 576: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 577: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 578: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 579: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 580: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 581: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 582: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 583: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 584: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 585: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 586: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 587: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 588: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 589: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 590: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 591: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 592: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 593: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 594: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 595: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 596: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 597: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 598: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 599: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 600: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 601: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 602: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 603: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 604: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 605: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 606: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 607: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 608: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 609: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 610: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 611: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 612: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 613: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 614: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 615: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 616: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 617: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 618: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 619: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 620: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 621: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 622: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 623: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 624: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 625: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 626: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 627: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 628: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 629: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 630: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 631: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 632: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 633: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 634: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 635: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 636: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 637: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 638: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 639: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 640: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 641: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 642: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 643: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 644: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 645: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 646: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 647: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 648: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 649: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 650: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 651: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 652: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 653: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 654: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 655: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 656: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 657: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 658: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 659: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 660: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 661: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 662: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 663: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 664: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 665: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 666: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 667: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 668: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 669: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 670: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 671: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 672: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 673: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 674: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 675: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 676: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 677: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 678: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 679: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 680: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 681: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 682: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 683: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 684: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 685: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 686: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 687: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 688: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 689: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 690: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 691: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 692: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 693: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 694: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 695: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 696: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 697: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 698: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 699: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 700: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 701: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 702: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 703: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 704: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 705: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 706: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 707: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 708: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 709: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 710: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 711: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 712: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 713: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 714: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 715: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 716: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 717: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 718: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 719: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 720: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 721: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 722: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 723: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 724: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 725: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 726: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 727: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 728: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 729: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 730: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 731: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 732: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 733: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 734: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 735: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 736: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 737: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 738: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 739: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 740: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 741: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 742: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 743: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 744: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 745: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 746: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 747: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 748: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 749: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 750: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 751: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 752: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 753: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 754: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 755: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 756: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 757: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 758: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 759: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 760: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 761: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 762: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 763: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 764: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 765: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 766: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 767: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 768: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 769: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 770: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 771: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 772: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 773: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 774: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 775: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 776: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 777: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 778: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 779: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 780: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 781: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 782: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 783: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 784: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 785: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 786: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 787: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 788: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 789: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 790: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 791: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 792: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 793: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 794: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 795: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 796: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 797: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 798: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 799: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 800: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 801: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 802: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 803: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 804: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 805: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 806: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 807: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 808: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 809: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 810: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 811: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 812: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 813: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 814: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 815: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 816: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 817: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 818: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 819: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 820: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 821: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 822: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 823: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 824: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 825: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 826: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 827: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 828: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 829: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 830: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 831: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 832: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 833: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 834: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 835: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 836: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 837: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 838: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 839: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 840: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 841: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 842: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 843: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 844: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 845: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 846: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 847: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 848: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 849: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 850: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 851: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 852: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 853: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 854: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 855: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 856: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 857: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 858: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 859: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 860: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 861: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 862: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 863: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 864: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 865: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 866: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 867: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 868: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 869: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 870: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 871: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 872: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 873: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 874: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 875: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 876: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 877: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 878: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 879: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 880: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 881: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 882: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 883: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 884: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 885: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 886: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 887: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 888: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 889: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 890: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 891: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 892: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 893: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 894: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 895: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 896: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 897: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 898: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 899: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 900: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 901: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 902: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 903: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 904: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 905: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 906: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 907: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 908: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 909: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 910: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 911: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 912: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 913: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 914: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 915: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 916: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 917: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 918: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 919: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 920: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 921: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 922: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 923: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 924: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 925: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 926: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 927: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 928: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 929: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 930: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 931: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 932: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 933: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 934: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 935: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 936: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 937: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 938: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 939: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 940: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 941: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 942: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 943: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 944: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 945: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 946: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 947: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 948: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 949: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 950: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 951: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 952: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 953: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 954: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 955: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 956: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 957: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 958: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 959: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 960: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 961: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 962: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 963: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 964: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 965: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 966: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 967: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 968: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 969: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 970: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 971: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 972: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 973: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 974: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 975: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 976: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 977: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 978: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 979: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 980: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 981: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 982: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 983: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 984: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 985: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 986: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 987: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 988: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 989: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 990: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 991: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 992: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 993: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 994: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 995: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 996: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 997: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 998: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 999: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1000: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1001: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1002: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1003: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1004: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1005: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1006: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1007: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1008: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1009: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1010: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1011: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1012: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1013: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1014: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1015: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1016: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1017: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1018: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1019: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1020: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1021: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1022: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1023: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1024: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1025: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1026: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1027: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1028: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1029: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1030: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1031: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1032: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1033: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1034: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1035: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1036: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1037: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1038: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1039: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1040: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1041: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1042: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1043: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1044: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1045: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1046: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1047: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1048: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1049: Visibility recovery — soft-spot shadow caps ── */
/* Clamped inflated intensify artifacts:
   ring ≤ 5px · soft glow ≤ 48px · offset ≤ 14/44px · text-shadow ≤ 24px
   Brand palette unchanged; readability restored over washed-out glows. */

/* ── Pass 1050: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1051: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1052: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1053: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1054: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1055: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 36px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1056: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1057: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1058: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1059: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1060: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1061: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1062: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1063: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1064: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1065: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1066: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1067: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1068: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1069: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1070: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1071: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1072: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1073: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1074: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1075: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1076: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1077: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1078: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1079: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1080: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1081: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1082: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1083: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1084: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1085: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1086: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1087: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1088: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1089: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1090: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1091: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1092: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1093: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1094: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1095: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1096: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1097: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1098: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1099: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1100: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1101: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1102: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1103: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1104: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1105: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1106: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1107: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1108: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1109: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1110: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1111: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1112: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1113: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1114: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1115: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1116: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1117: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1118: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1119: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1120: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1121: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1122: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1123: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1124: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1125: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1126: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1127: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1128: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1129: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1130: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1131: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1132: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1133: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1134: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1135: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1136: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1137: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1138: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1139: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1140: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1141: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1142: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1143: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1144: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1145: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1146: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1147: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1148: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1149: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1150: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1151: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1152: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1153: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1154: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1155: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1156: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1157: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1158: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1159: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1160: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1161: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1162: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1163: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1164: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1165: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1166: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1167: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1168: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1169: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1170: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1171: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1172: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1173: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1174: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1175: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1176: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1177: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1178: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1179: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1180: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1181: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1182: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1183: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1184: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1185: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1186: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1187: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1188: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1189: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1190: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1191: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1192: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1193: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1194: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1195: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1196: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1197: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1198: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1199: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1200: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1201: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1202: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1203: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1204: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1205: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1206: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1207: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1208: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1209: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1210: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1211: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1212: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1213: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1214: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1215: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1216: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1217: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1218: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1219: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1220: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1221: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1222: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1223: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1224: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1225: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1226: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1227: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1228: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1229: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1230: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1231: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1232: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1233: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1234: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1235: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1236: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1237: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1238: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1239: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1240: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1241: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1242: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1243: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1244: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1245: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1246: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1247: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1248: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1249: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1250: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1251: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1252: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1253: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1254: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1255: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1256: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1257: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1258: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1259: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1260: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1261: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1262: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1263: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1264: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1265: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1266: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1267: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1268: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1269: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1270: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1271: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1272: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1273: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1274: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1275: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1276: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1277: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1278: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1279: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1280: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1281: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1282: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1283: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1284: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1285: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1286: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1287: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1288: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1289: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1290: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1291: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1292: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1293: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1294: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1295: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1296: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1297: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1298: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1299: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1300: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1301: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1302: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1303: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1304: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1305: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1306: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1307: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1308: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1309: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1310: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1311: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1312: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1313: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1314: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1315: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1316: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1317: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1318: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1319: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1320: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1321: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1322: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1323: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1324: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1325: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1326: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1327: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1328: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1329: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1330: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1331: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1332: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1333: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1334: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1335: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1336: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1337: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1338: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1339: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1340: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1341: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1342: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1343: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1344: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1345: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1346: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1347: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1348: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1349: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1350: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1351: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1352: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1353: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1354: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1355: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1356: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1357: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1358: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1359: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1360: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1361: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1362: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1363: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1364: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1365: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1366: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1367: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1368: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1369: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1370: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1371: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1372: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1373: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1374: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1375: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1376: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1377: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1378: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1379: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1380: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1381: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1382: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1383: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1384: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1385: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1386: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1387: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1388: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1389: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1390: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1391: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1392: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1393: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1394: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1395: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1396: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1397: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1398: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1399: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1400: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1401: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1402: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1403: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1404: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1405: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1406: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1407: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1408: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1409: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1410: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1411: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1412: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1413: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1414: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1415: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1416: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1417: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1418: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1419: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1420: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1421: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1422: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1423: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1424: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1425: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1426: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1427: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1428: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1429: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1430: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1431: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1432: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1433: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1434: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1435: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1436: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1437: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1438: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1439: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1440: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1441: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1442: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1443: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1444: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1445: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1446: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1447: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1448: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1449: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1450: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1451: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1452: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1453: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1454: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1455: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1456: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1457: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1458: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1459: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1460: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1461: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1462: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1463: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1464: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1465: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1466: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1467: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1468: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1469: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1470: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1471: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1472: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1473: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1474: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1475: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1476: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1477: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1478: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1479: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1480: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1481: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1482: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1483: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1484: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1485: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1486: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1487: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1488: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1489: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1490: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1491: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1492: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1493: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1494: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1495: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1496: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1497: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1498: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1499: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1500: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1501: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1502: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1503: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1504: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1505: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1506: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1507: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1508: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1509: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1510: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1511: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1512: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1513: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1514: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1515: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1516: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1517: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1518: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1519: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1520: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1521: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1522: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1523: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1524: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1525: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1526: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1527: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1528: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1529: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1530: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1531: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1532: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1533: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1534: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1535: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1536: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1537: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1538: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1539: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1540: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1541: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1542: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1543: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1544: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1545: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1546: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1547: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1548: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1549: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1550: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1551: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1552: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1553: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1554: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1555: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1556: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1557: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1558: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1559: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1560: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1561: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1562: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1563: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1564: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1565: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1566: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1567: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1568: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1569: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1570: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1571: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1572: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1573: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1574: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1575: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1576: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1577: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1578: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1579: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1580: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1581: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1582: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1583: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1584: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1585: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1586: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1587: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1588: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1589: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1590: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1591: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1592: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1593: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1594: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1595: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1596: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1597: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1598: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1599: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1600: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1601: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1602: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1603: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1604: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1605: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1606: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1607: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1608: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1609: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1610: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1611: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1612: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1613: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1614: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1615: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1616: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1617: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1618: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1619: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1620: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1621: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1622: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1623: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1624: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1625: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1626: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1627: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1628: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1629: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1630: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1631: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1632: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1633: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1634: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1635: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1636: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1637: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1638: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1639: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1640: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1641: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1642: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1643: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1644: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1645: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1646: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1647: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1648: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1649: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1650: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1651: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1652: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1653: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1654: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1655: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1656: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1657: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1658: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1659: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1660: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1661: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1662: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1663: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1664: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1665: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1666: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1667: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1668: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1669: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1670: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1671: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1672: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1673: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1674: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1675: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1676: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1677: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1678: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1679: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1680: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1681: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1682: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1683: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1684: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1685: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1686: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1687: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1688: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1689: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1690: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1691: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1692: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1693: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1694: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1695: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1696: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1697: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1698: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1699: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1700: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1701: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1702: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1703: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1704: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1705: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1706: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1707: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1708: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1709: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1710: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1711: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1712: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1713: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1714: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1715: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1716: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1717: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1718: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1719: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1720: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1721: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1722: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1723: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1724: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1725: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1726: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1727: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1728: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1729: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1730: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1731: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1732: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1733: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1734: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1735: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1736: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1737: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1738: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1739: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1740: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1741: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1742: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1743: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1744: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1745: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1746: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1747: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1748: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1749: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1750: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1751: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1752: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1753: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1754: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1755: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1756: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1757: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1758: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1759: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1760: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1761: Rack layout reflow — ıstaka sağ indicators + topbar dock ── */
#table-dock { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#rack-indicators {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex: 0 0 40px !important;
  padding: 6px 4px !important;
  align-self: stretch !important;
  background: linear-gradient(180deg, rgba(18, 36, 58, 0.55), rgba(8, 18, 32, 0.72)) !important;
  border: 1px solid rgba(255, 215, 0, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 6px 14px rgba(0, 0, 0, 0.28) !important;
}
#rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#rack-indicators .indicator-box {
  width: 22px !important;
  height: 30px !important;
  font-size: 10px !important;
}
#rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
  letter-spacing: 0.02em !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}
#topbar .tb-dock-btn .dock-badge {
  position: absolute !important;
  top: -5px !important;
  right: -4px !important;
}
#game {
  padding-bottom: 6px !important;
}
#actions {
  padding: 4px 10px 4px !important;
  gap: 4px !important;
}
#middle {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
@media (max-width: 600px) {
  #topbar .tb-dock-lbl { display: none !important; }
  #rack-indicators { flex-basis: 34px !important; }
  #rack-indicators .indicator-box { width: 18px !important; height: 24px !important; font-size: 8px !important; }
}

/* ── Pass 1762: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1763: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1764: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1765: Rack flush bottom + actions beside + indicators topbar ── */
#table-dock { display: none !important; }
#game {
  padding-bottom: 4px !important;
}
#middle {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}
@media (max-width: 600px) {
  #topbar .tb-dock-lbl { display: none !important; }
  #rack-row > #actions .btn { min-width: 56px !important; font-size: 9px !important; }
  #topbar #rack-indicators .indicator-box { width: 22px !important; height: 30px !important; font-size: 9px !important; }
}

/* ── Pass 1766: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1767: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1768: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1769: Layout reinforce after intensify — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1770: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1771: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1772: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1773: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1774: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1775: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1776: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1777: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1778: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1779: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1780: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1781: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1782: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1783: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1784: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1785: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1786: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1787: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1788: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1789: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1790: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1791: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1792: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1793: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1794: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1795: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1796: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1797: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1798: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1799: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1800: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1801: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1802: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1803: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1804: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1805: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1806: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1807: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1808: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1809: Layout reinforce — rack+actions+indicators ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1810: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1811: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1812: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1813: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1814: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1815: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1816: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1817: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1818: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1819: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1820: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1821: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1822: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1823: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1824: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1825: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1826: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1827: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1828: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1829: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1830: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1831: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1832: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1833: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1834: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1835: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1836: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1837: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1838: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1839: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1840: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1841: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1842: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1843: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1844: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1845: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1846: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1847: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1848: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1849: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1850: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1851: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1852: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1853: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1854: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1855: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1856: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1857: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1858: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1859: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1860: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1861: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1862: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1863: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1864: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1865: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1866: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1867: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1868: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1869: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1870: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1871: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1872: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1873: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1874: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1875: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1876: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1877: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1878: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1879: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1880: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1881: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1882: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1883: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1884: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1885: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1886: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1887: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1888: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1889: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1890: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1891: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1892: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1893: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1894: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1895: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1896: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1897: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1898: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1899: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1900: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1901: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1902: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1903: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1904: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1905: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1906: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1907: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1908: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1909: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1910: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1911: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1912: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1913: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1914: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1915: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1916: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1917: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1918: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1919: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1920: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1921: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1922: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1923: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1924: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1925: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1926: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1927: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1928: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1929: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1930: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1931: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1932: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1933: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1934: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1935: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1936: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1937: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1938: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1939: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1940: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1941: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1942: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1943: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1944: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1945: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1946: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1947: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1948: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1949: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1950: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1951: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1952: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1953: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1954: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1955: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1956: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1957: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1958: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1959: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1960: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1961: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1962: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1963: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1964: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1965: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1966: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1967: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1968: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1969: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1970: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1971: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1972: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1973: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}

/* ── Pass 1974: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1975: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1976: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1977: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1978: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1979: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1980: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1981: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1982: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1983: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1984: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1985: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1986: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1987: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1988: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1989: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1990: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1991: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1992: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 1993: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1994: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 1995: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 1996: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 1997: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 1998: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 1999: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2000: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2001: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2002: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2003: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2004: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2005: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2006: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2007: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2008: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2009: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2010: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2011: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2012: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2013: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2014: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2015: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2016: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2017: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2018: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2019: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2020: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2021: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2022: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2023: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2024: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2025: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2026: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2027: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2028: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2029: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2030: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2031: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2032: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2033: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2034: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2035: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2036: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2037: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2038: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2039: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2040: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2041: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2042: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2043: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2044: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2045: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2046: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2047: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2048: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2049: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2050: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2051: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2052: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2053: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2054: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2055: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2056: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2057: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2058: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2059: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2060: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2061: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2062: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2063: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2064: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2065: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2066: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2067: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2068: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2069: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2070: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2071: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2072: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2073: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2074: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2075: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2076: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2077: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2078: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2079: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2080: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2081: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2082: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2083: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2084: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2085: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2086: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2087: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2088: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2089: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2090: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2091: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2092: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2093: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2094: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2095: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2096: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2097: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2098: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2099: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2100: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2101: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2102: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2103: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2104: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2105: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2106: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2107: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2108: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2109: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2110: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2111: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2112: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2113: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2114: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2115: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2116: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2117: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2118: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2119: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2120: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2121: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2122: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2123: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2124: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2125: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2126: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2127: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2128: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2129: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2130: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2131: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2132: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2133: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2134: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2135: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2136: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2137: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2138: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2139: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2140: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2141: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2142: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2143: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2144: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2145: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2146: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2147: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2148: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2149: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2150: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2151: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2152: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2153: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2154: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2155: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2156: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2157: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2158: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2159: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2160: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2161: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2162: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2163: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2164: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2165: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2166: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2167: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2168: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2169: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2170: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2171: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2172: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2173: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2174: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2175: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2176: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2177: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2178: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2179: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2180: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2181: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2182: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2183: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2184: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2185: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2186: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2187: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2188: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2189: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2190: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2191: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2192: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2193: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2194: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2195: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2196: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2197: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2198: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2199: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2200: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2201: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2202: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2203: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2204: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2205: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2206: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2207: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2208: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2209: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2210: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2211: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2212: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2213: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2214: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2215: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2216: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2217: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2218: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2219: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2220: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2221: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2222: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2223: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2224: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2225: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2226: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2227: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2228: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2229: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2230: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2231: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2232: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2233: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2234: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2235: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2236: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2237: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2238: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2239: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2240: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2241: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2242: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2243: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2244: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2245: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2246: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2247: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2248: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2249: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2250: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2251: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2252: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2253: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2254: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2255: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2256: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2257: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2258: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2259: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2260: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2261: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2262: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2263: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2264: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2265: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2266: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2267: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2268: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2269: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2270: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2271: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2272: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2273: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2274: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2275: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2276: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2277: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2278: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2279: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2280: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2281: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2282: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2283: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2284: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2285: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2286: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2287: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2288: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2289: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2290: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2291: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2292: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2293: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2294: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2295: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2296: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2297: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2298: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2299: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2300: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2301: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2302: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2303: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2304: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2305: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2306: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2307: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2308: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2309: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2310: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2311: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2312: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2313: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2314: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2315: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2316: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2317: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2318: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2319: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2320: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2321: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2322: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2323: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2324: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2325: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2326: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2327: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2328: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2329: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2330: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2331: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2332: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2333: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2334: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2335: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2336: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2337: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2338: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2339: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2340: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2341: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2342: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2343: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2344: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2345: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2346: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2347: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2348: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2349: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2350: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2351: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2352: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2353: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2354: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2355: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2356: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2357: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2358: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2359: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2360: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2361: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2362: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2363: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2364: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2365: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2366: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2367: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2368: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2369: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2370: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2371: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2372: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2373: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2374: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2375: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2376: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2377: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2378: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2379: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2380: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2381: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2382: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2383: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2384: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2385: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2386: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2387: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2388: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2389: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2390: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2391: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2392: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2393: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2394: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2395: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2396: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2397: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2398: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2399: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2400: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2401: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2402: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2403: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2404: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2405: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2406: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2407: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2408: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2409: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2410: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2411: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2412: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2413: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2414: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2415: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2416: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2417: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2418: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2419: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2420: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2421: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2422: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2423: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2424: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2425: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2426: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2427: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2428: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2429: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2430: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2431: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2432: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2433: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2434: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2435: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2436: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2437: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2438: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2439: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2440: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2441: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2442: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2443: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2444: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2445: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2446: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2447: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2448: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2449: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2450: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2451: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2452: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2453: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2454: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2455: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2456: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2457: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2458: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2459: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2460: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2461: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2462: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2463: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2464: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2465: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2466: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2467: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2468: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2469: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2470: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2471: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2472: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2473: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2474: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2475: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2476: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2477: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2478: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2479: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2480: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2481: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2482: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2483: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2484: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2485: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2486: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2487: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2488: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2489: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2490: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2491: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2492: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2493: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2494: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2495: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2496: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2497: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2498: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2499: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2500: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2501: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2502: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2503: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2504: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2505: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2506: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2507: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2508: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2509: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2510: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2511: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2512: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2513: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2514: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2515: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2516: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2517: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2518: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2519: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2520: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2521: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2522: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2523: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2524: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2525: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2526: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2527: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2528: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2529: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2530: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2531: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2532: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2533: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2534: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2535: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2536: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2537: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2538: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2539: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2540: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2541: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2542: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2543: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2544: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2545: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2546: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2547: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2548: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2549: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2550: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2551: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2552: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2553: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2554: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2555: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2556: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2557: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2558: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2559: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2560: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2561: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2562: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2563: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2564: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2565: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2566: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2567: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2568: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2569: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2570: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2571: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2572: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2573: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2574: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2575: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2576: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2577: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2578: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2579: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2580: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2581: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2582: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2583: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2584: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2585: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2586: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2587: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2588: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2589: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2590: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2591: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2592: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2593: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2594: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2595: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2596: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2597: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2598: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2599: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2600: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2601: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2602: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2603: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2604: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2605: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2606: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2607: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2608: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2609: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2610: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2611: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2612: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2613: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2614: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2615: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2616: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2617: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2618: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2619: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2620: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2621: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2622: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2623: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2624: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2625: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2626: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2627: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2628: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2629: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2630: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2631: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2632: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2633: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2634: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2635: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2636: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2637: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2638: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2639: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2640: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2641: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2642: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2643: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2644: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2645: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2646: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2647: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2648: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2649: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2650: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2651: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2652: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2653: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2654: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2655: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2656: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2657: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2658: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2659: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2660: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2661: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2662: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2663: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2664: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2665: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2666: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2667: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2668: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2669: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2670: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2671: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2672: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2673: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2674: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2675: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2676: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2677: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2678: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2679: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2680: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2681: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2682: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2683: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2684: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2685: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2686: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2687: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2688: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2689: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2690: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2691: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.daily-banner.is-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 4px 0 0 #ff9800 !important;
}
.mission-summary {
  background:
    radial-gradient(ellipse 90% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-pct {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.mission-summary-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
}
.mission-summary-fill {
  background: linear-gradient(90deg, #8fd4b8, #ffe082, #ffd700, #ffb300, #ff9800, #e65100) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card {
  background:
    radial-gradient(ellipse 78% 95% at 0% 0%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mission-icon {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-icon.is-done {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background: linear-gradient(145deg, rgba(143, 212, 184, 0.4), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-title {
  color: #fff8e7 !important;
  font-weight: 800 !important;
}
.mission-reward {
  color: #ffd700 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.mission-bar {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: rgba(8, 18, 32, 0.995) !important;
}
.mission-fill {
  background: linear-gradient(90deg, #ffe082, #ffd700, #ffb300, #ff9800) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-card.is-done .mission-fill {
  background: linear-gradient(90deg, #8fd4b8, #1a6b52) !important;
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.mission-bonus.ready {
  border: 1px solid #ff9800 !important;
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mission-btn {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
.mission-empty {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
}

#dr-overlay {
  background:
    radial-gradient(ellipse 92% 60% at 50% 4%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 0% 80%, rgba(26, 107, 82, 0.25), transparent 50%),
    rgba(4, 8, 18, 0.995) !important;
}
#dr-overlay .dr-panel:not(.meta-panel),
.meta-panel.dr-panel {
  background:
    radial-gradient(ellipse 98% 62% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 48% 42% at 0% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-panel.claim-ready {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-title {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-streak {
  background: linear-gradient(145deg, rgba(255, 152, 0, 0.42), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-day {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 75% 85% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day:hover:not(.locked) {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.claimed {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 0 0 48px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#dr-overlay .dr-day.current,
#dr-overlay .dr-day.today {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#dr-overlay .dr-day.bonus {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#dr-overlay .dr-claim,
#dr-overlay .dr-btn-claim {
  background: linear-gradient(160deg, #ffab40, #ff6f00, #e65100) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
}
#dr-overlay .dr-close,
#dr-overlay .dr-close-x {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mission-card,
  .mission-btn,
  .mission-banner,
  .daily-banner,
  #dr-overlay .dr-day,
  #dr-overlay .dr-claim {
    animation: none !important;
    transition: none !important;
  }
  .mission-card:hover,
  .mission-banner:hover,
  .daily-banner:hover {
    transform: none !important;
  }
}

/* ── Pass 2692: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2693: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2694: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2695: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2696: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2697: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2698: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2699: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2700: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2701: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2702: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2703: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2704: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2705: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2706: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2707: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2708: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2709: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2710: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2711: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2712: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2713: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2714: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2715: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2716: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2717: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2718: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2719: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2720: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2721: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2722: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2723: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2724: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2725: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2726: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2727: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2728: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2729: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2730: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2731: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2732: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2733: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2734: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2735: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2736: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2737: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2738: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2739: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2740: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2741: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2742: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2743: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2744: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2745: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2746: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2747: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2748: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2749: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2750: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2751: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2752: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2753: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2754: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2755: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2756: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2757: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2758: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2759: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2760: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2761: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2762: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2763: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2764: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2765: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2766: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2767: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2768: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2769: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2770: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2771: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2772: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2773: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2774: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2775: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2776: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2777: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2778: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2779: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2780: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2781: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2782: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2783: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2784: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2785: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2786: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2787: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2788: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2789: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2790: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2791: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2792: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2793: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2794: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2795: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2796: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2797: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2798: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2799: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2800: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2801: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2802: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2803: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2804: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2805: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2806: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2807: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2808: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2809: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2810: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2811: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2812: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2813: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2814: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2815: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2816: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2817: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2818: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2819: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2820: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2821: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2822: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2823: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2824: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2825: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2826: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2827: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2828: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2829: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2830: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2831: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2832: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2833: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2834: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2835: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2836: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2837: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2838: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2839: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2840: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2841: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2842: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2843: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2844: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2845: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2846: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2847: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2848: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2849: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2850: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2851: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2852: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2853: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2854: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2855: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2856: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2857: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2858: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2859: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2860: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2861: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2862: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2863: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2864: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2865: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2866: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2867: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2868: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2869: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2870: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2871: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2872: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2873: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2874: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2875: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2876: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2877: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2878: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2879: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2880: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2881: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2882: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2883: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2884: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2885: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2886: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2887: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2888: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2889: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2890: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2891: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2892: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2893: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2894: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2895: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2896: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2897: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2898: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2899: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2900: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2901: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2902: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2903: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2904: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2905: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2906: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2907: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2908: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2909: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2910: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2911: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2912: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2913: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2914: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2915: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2916: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2917: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2918: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2919: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2920: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2921: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2922: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2923: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2924: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2925: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2926: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2927: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2928: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2929: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2930: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2931: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2932: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2933: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2934: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2935: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2936: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2937: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2938: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2939: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2940: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2941: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2942: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2943: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2944: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2945: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2946: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2947: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2948: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2949: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2950: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2951: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2952: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2953: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2954: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2955: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2956: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2957: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2958: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2959: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2960: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2961: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2962: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2963: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2964: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2965: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2966: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2967: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2968: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2969: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2970: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2971: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2972: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2973: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2974: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2975: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2976: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2977: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2978: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2979: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2980: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2981: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2982: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2983: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2984: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2985: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2986: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2987: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2988: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2989: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2990: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2991: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2992: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 2993: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2994: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 2995: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 2996: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 2997: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 2998: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 2999: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3000: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3001: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3002: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3003: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3004: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3005: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3006: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3007: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3008: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3009: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3010: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3011: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3012: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3013: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3014: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3015: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3016: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3017: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3018: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3019: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3020: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3021: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3022: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3023: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3024: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3025: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3026: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3027: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3028: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3029: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3030: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3031: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3032: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3033: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3034: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3035: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3036: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3037: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3038: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3039: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3040: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3041: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3042: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3043: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3044: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3045: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3046: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3047: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3048: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3049: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3050: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3051: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3052: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3053: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3054: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3055: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3056: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3057: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3058: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3059: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3060: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3061: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3062: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3063: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3064: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3065: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3066: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3067: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3068: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3069: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3070: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3071: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3072: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3073: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3074: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3075: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3076: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3077: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3078: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3079: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3080: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3081: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3082: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3083: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3084: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3085: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3086: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3087: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3088: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3089: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3090: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3091: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3092: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3093: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3094: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3095: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3096: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3097: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3098: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3099: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3100: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3101: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3102: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3103: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3104: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3105: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3106: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3107: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3108: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3109: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3110: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3111: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3112: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3113: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3114: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3115: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3116: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3117: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3118: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3119: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3120: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3121: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3122: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3123: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3124: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3125: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3126: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3127: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3128: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3129: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3130: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3131: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3132: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3133: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3134: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3135: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3136: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3137: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3138: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3139: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3140: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3141: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3142: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3143: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3144: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3145: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3146: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3147: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3148: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3149: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3150: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3151: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3152: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3153: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3154: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3155: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3156: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3157: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3158: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3159: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3160: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3161: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3162: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3163: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3164: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3165: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3166: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3167: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3168: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3169: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3170: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3171: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3172: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3173: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3174: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3175: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3176: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3177: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3178: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3179: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3180: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3181: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3182: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3183: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3184: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3185: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3186: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3187: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3188: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3189: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3190: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3191: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3192: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3193: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3194: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3195: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3196: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3197: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3198: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3199: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3200: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3201: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3202: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3203: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3204: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3205: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3206: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3207: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3208: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3209: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3210: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3211: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3212: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3213: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3214: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3215: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3216: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3217: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3218: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3219: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3220: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3221: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3222: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3223: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3224: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3225: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3226: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3227: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3228: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3229: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3230: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3231: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3232: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3233: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3234: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3235: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3236: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3237: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3238: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3239: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3240: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3241: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3242: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3243: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3244: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3245: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3246: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3247: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3248: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3249: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3250: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3251: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3252: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3253: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3254: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3255: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3256: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3257: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3258: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3259: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3260: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3261: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3262: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3263: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3264: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3265: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3266: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3267: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3268: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3269: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3270: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3271: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3272: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3273: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3274: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3275: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3276: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3277: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3278: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3279: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3280: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3281: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3282: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3283: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3284: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3285: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3286: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3287: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3288: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3289: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3290: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3291: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3292: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3293: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3294: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3295: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3296: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3297: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3298: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3299: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3300: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3301: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3302: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3303: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3304: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3305: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3306: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3307: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3308: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3309: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3310: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3311: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3312: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3313: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3314: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3315: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3316: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3317: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3318: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3319: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3320: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3321: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3322: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3323: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3324: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3325: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3326: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3327: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3328: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3329: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3330: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3331: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3332: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3333: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3334: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3335: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3336: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3337: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3338: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3339: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3340: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3341: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3342: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3343: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3344: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3345: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3346: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3347: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3348: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3349: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3350: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3351: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3352: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3353: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3354: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3355: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3356: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3357: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3358: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3359: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3360: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3361: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3362: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3363: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3364: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3365: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3366: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3367: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3368: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3369: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3370: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3371: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3372: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3373: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3374: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3375: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3376: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3377: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3378: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3379: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3380: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3381: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3382: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3383: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3384: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3385: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3386: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3387: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3388: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3389: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3390: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3391: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3392: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3393: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3394: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3395: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3396: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3397: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3398: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3399: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3400: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3401: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3402: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3403: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3404: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3405: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3406: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3407: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3408: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3409: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3410: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3411: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3412: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3413: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3414: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3415: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3416: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3417: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3418: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3419: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3420: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3421: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3422: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3423: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3424: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3425: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3426: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3427: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3428: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3429: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3430: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3431: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3432: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3433: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3434: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3435: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3436: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3437: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3438: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3439: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3440: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3441: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3442: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3443: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3444: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3445: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3446: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3447: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3448: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3449: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3450: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3451: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3452: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3453: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3454: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3455: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3456: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3457: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3458: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3459: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3460: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3461: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3462: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3463: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3464: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3465: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3466: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3467: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3468: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3469: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3470: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3471: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3472: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3473: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3474: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3475: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3476: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3477: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3478: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3479: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3480: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3481: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3482: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3483: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3484: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3485: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3486: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3487: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3488: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3489: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3490: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3491: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3492: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3493: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3494: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3495: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3496: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3497: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3498: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3499: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3500: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3501: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3502: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3503: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3504: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3505: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3506: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3507: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3508: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3509: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3510: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3511: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3512: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3513: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3514: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3515: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3516: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3517: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3518: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3519: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3520: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3521: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3522: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3523: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3524: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3525: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3526: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3527: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3528: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3529: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3530: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3531: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3532: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3533: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3534: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3535: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3536: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3537: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3538: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3539: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3540: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3541: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3542: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3543: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3544: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3545: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3546: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3547: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3548: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3549: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3550: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3551: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3552: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3553: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3554: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3555: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3556: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3557: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3558: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3559: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3560: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3561: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3562: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3563: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3564: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3565: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3566: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3567: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3568: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3569: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3570: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3571: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3572: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3573: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3574: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3575: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3576: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3577: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3578: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3579: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3580: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3581: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3582: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3583: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3584: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3585: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3586: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3587: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3588: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3589: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3590: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3591: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3592: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3593: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3594: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3595: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3596: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3597: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3598: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3599: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3600: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3601: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3602: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3603: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3604: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3605: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3606: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3607: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3608: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3609: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3610: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3611: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3612: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3613: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3614: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3615: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3616: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3617: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3618: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3619: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3620: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3621: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3622: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3623: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3624: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3625: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3626: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3627: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3628: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3629: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3630: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3631: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3632: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3633: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3634: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3635: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3636: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3637: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3638: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3639: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3640: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3641: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3642: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3643: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3644: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3645: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3646: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3647: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3648: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3649: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3650: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3651: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3652: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3653: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3654: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3655: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3656: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3657: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3658: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3659: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3660: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3661: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3662: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3663: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3664: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3665: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3666: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3667: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3668: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3669: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3670: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3671: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3672: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3673: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3674: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3675: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3676: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3677: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3678: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3679: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3680: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3681: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3682: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3683: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3684: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3685: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3686: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3687: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3688: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3689: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3690: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3691: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3692: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3693: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3694: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3695: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3696: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3697: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3698: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3699: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3700: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3701: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3702: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3703: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3704: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3705: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3706: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3707: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3708: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3709: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3710: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3711: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3712: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3713: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3714: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3715: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3716: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3717: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3718: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3719: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3720: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3721: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3722: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3723: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3724: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3725: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3726: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3727: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3728: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3729: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3730: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3731: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3732: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3733: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3734: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3735: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3736: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3737: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3738: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3739: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3740: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3741: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3742: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3743: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3744: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3745: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3746: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3747: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3748: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3749: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3750: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3751: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3752: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3753: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3754: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3755: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3756: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3757: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3758: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3759: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3760: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3761: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3762: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3763: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3764: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3765: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3766: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3767: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3768: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3769: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3770: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3771: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3772: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3773: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3774: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3775: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3776: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3777: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3778: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3779: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3780: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3781: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3782: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3783: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3784: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3785: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3786: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3787: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3788: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3789: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3790: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3791: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3792: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3793: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3794: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3795: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3796: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3797: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3798: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3799: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3800: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3801: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3802: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3803: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3804: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3805: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3806: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3807: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3808: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3809: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3810: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3811: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3812: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3813: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3814: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3815: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3816: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3817: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3818: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3819: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3820: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3821: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3822: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3823: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3824: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3825: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3826: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3827: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3828: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3829: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3830: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3831: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3832: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3833: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3834: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3835: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3836: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3837: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3838: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3839: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3840: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3841: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3842: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3843: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3844: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3845: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3846: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3847: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3848: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3849: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3850: Round end / Confirm / UX tip deepen ── */
















#go-overlay.i-won {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 215, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 8% 96%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 64%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
#go-overlay.i-lost {
  background:
    radial-gradient(ellipse at 50% 2%, rgba(255, 152, 0, 0.22), transparent 54%),
    radial-gradient(ellipse at 14% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.go-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay.i-won .go-card {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-trophy {
  background:
    radial-gradient(ellipse 70% 70% at 40% 30%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88), rgba(8, 16, 28, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .winner-name {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.go-score-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.go-score-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.go-pill.xp {
  border-color: #ffd700 !important;
  background: rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#go-overlay .btn-again.primary,
#go-overlay .btn-again:not(.ghost):not(.danger) {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#go-overlay .btn-again.ghost {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#round-end-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 94% 94%, rgba(255, 152, 0, 0.22), transparent 50%),
    radial-gradient(ellipse at 6% 82%, rgba(26, 107, 82, 0.25), transparent 48%),
    rgba(4, 8, 18, 0.995) !important;
}
.re-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.re-flag {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42)) !important;
}
.re-dot.done,
.re-dot.active {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 78% 95% at 0% 50%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(90deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.winner {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.re-row.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}

#confirm-overlay {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(255, 215, 0, 0.42), transparent 52%),
    radial-gradient(ellipse at 8% 94%, rgba(191, 106, 74, 0.25), transparent 48%),
    radial-gradient(ellipse at 96% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.confirm-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.confirm-card.tone-danger {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
.confirm-card.tone-safe {
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 0 0 5px rgba(143, 212, 184, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.confirm-ico {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay h2 {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-penalty {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#confirm-overlay .confirm-coins {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-rules {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#confirm-overlay .confirm-btns .btn-leave {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-play {
  border: 1px solid rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#confirm-overlay .confirm-btns .btn-cancel-confirm {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#ux-tip {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 95% 120% at 4% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#ux-tip.is-ok {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#ux-tip.is-warn {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(230, 81, 0, 0.4) !important;
}
#ux-tip .ux-tip-ico {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.game-toast {
  border: 1px solid #ffd700 !important;
  background:
    radial-gradient(ellipse 80% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(145deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .go-card,
  .re-card,
  .confirm-card,
  #ux-tip,
  .game-toast,
  #go-overlay .btn-again,
  #confirm-overlay .confirm-btns button {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Pass 3851: Missions / Daily deepen ── */
















.mission-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mission-banner.claim-ready {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 215, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.daily-banner {
  border: 1px solid #ffd700 !important;
  box-shad

/* ── Pass 3852: Wheel / Referral / Room browser deepen ── */
















.wheel-banner {
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 112, 67, 0.25), rgba(8, 16, 32, 0.995)) !important;
  border: 1px solid #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-banner.is-ready {
  background:
    radial-gradient(ellipse 95% 110% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(100deg, rgba(255, 152, 0, 0.22), rgba(8, 16, 32, 0.995)) !important;
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-panel {
  background:
    radial-gradient(ellipse 98% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 60% 58% at 90% 92%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-panel.is-ready {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.wheel-status {
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-seg {
  background:
    radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-seg-prize {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  border-color: #ffd700 !important;
  color: #1a1208 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.wheel-spin-btn {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.wheel-spin-btn:not(:disabled):hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.wheel-empty {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.ref-card {
  background:
    radial-gradient(ellipse 96% 60% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 50% 48% at 90% 90%, rgba(255, 152, 0, 0.22), transparent 52%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-blurb b {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.ref-stat {
  background:
    radial-gradient(ellipse 75% 95% at 50% 0%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-stat-val {
  color: #ffd700 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-code {
  background:
    radial-gradient(ellipse 65% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  color: #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
  font-weight: 800 !important;
}
.ref-btn.primary {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(135deg, #ffab40, #ff6f00, #e65100) !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  font-weight: 800 !important;
}
.ref-btn.primary:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.ref-btn.ghost {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  color: #ffd700 !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.ref-hint {
  border-top: 1px solid rgba(255, 215, 0, 0.42) !important;
  color: rgba(255, 236, 179, 0.4) !important;
}

.room-card {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.room-card.is-joinable {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(143, 212, 184, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(26, 107, 82, 0.25), rgba(18, 36, 58, 0.88)) !important;
  border-color: rgba(143, 212, 184, 0.55) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.almost-full {
  background:
    radial-gradient(ellipse 85% 110% at 0% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88)) !important;
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card.is-playing {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 111, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.room-card .room-name {
  color: #fff8e7 !important;
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42);
}
.room-card .seat-dots span.filled {
  background: linear-gradient(145deg, #ffe082, #ffd700, #f0b400) !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background:
    radial-gradient(ellipse 85% 95% at 50% 0%, rgba(255, 215, 0, 0.48), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-empty .icon {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .wheel-seg,
  .wheel-spin-btn,
  .wheel-banner,
  .wheel-panel,
  .ref-stat,
  .ref-btn.primary,
  .room-card {
    animation: none !important;
    transition: none !important;
  }
  .wheel-seg:hover,
  .wheel-spin-btn:not(:disabled):hover,
  .ref-stat:hover,
  .ref-btn.primary:hover,
  .room-card:hover {
    transform: none !important;
  }
}

/* ── Pass 3853: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ── Pass 3854: Chat / Gift / Account deepen ── */
















#gift-panel,
#chat-panel {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 55% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-head,
.gift-head {
  background:
    radial-gradient(ellipse 95% 140% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(90deg, rgba(255, 215, 0, 0.22), transparent 75%) !important;
  border-bottom: 1px solid #ffd700 !important;
}
.chat-head-title,
.gift-head-title,
#chat-panel .panel-title,
#gift-panel .panel-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line {
  background:
    radial-gradient(ellipse 82% 100% at 0% 50%, rgba(255, 215, 0, 0.42), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-line.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  background:
    radial-gradient(ellipse 88% 110% at 100% 50%, rgba(143, 212, 184, 0.55), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset -4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4) !important;
}
.chat-line.gift {
  border-color: #ff9800 !important;
  background:
    radial-gradient(ellipse 88% 110% at 0% 50%, rgba(255, 152, 0, 0.48), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.chat-empty {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.48), rgba(18, 36, 58, 0.88)) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-quick button:hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input,
.chat-input-row textarea,
#chat-input {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.chat-input-row input:focus,
#chat-input:focus {
  border-color: #ffd700 !important;
  box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.chat-input-row .chat-send,
#chat-send {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.chat-input-row .chat-send:hover,
#chat-send:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-targets button {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-targets button.active {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.gift-grid button {
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.gift-grid button:hover {
  border-color: #ff9800 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#gift-panel.has-target .gift-grid button {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.gift-grid button .g-emo svg {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.42));
}
.gift-anim {
  filter: drop-shadow(0 0 48px rgba(255, 215, 0, 0.55));
}

.account-card {
  background:
    radial-gradient(ellipse 85% 100% at 0% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-card.invite {
  border-color: #ff9800 !important;
  box-shadow:
    inset 4px 0 0 #ff9800,
    0 0 48px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.privacy {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-card.danger {
  border-color: #bf6a4a !important;
  box-shadow:
    inset 4px 0 0 #bf6a4a,
    0 0 48px rgba(191, 106, 74, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.account-btn {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn:hover {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.account-btn.gold {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.account-btn.danger {
  border: 1px solid #bf6a4a !important;
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}
.account-btn.danger:hover {
  box-shadow: 0 0 48px rgba(191, 106, 74, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .chat-line,
  .chat-quick button,
  .chat-input-row .chat-send,
  .gift-grid button,
  .gift-targets button,
  .account-card,
  .account-btn {
    animation: none !important;
    transition: none !important;
  }
  .chat-quick button:hover,
  .chat-input-row .chat-send:hover,
  .gift-grid button:hover,
  .gift-targets button:hover,
  .account-card:hover,
  .account-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3855: Board / Topbar / Actions deepen ── */
















#topbar {
  background:
    radial-gradient(ellipse 88% 220% at 0% 50%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 62% 180% at 100% 50%, rgba(255, 152, 0, 0.22), transparent 56%),
    linear-gradient(180deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .tb-chip.tb-room {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#topbar .tb-chip.tb-rem.can-draw {
  box-shadow: 0 0 48px rgba(26, 107, 82, 0.4) !important;
}
#topbar .tb-chip.tb-rem.is-low:not(.can-draw) {
  box-shadow: 0 0 48px rgba(255, 106, 0, 0.4) !important;
}
#topbar .tb-chip.tb-bet {
  border-color: #ff9800 !important;
  box-shadow: 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
#topbar .indicator-box {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 3px 0 #b5a894,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#topbar .indicator-box.okey-badge {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 3px 0 #c9a227,
    0 14px 44px rgba(212, 175, 55, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#turn-banner {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#turn-banner.mine {
  border-color: #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#turn-banner.urgent {
  border-color: #ff8a00 !important;
  box-shadow:
    0 0 0 5px rgba(255, 106, 0, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}

.opp-card {
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card.active {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.opp-card.offline {
  border-color: #ff6f00 !important;
  box-shadow:
    inset 4px 0 0 #ff6f00,
    0 0 48px rgba(255, 106, 0, 0.4) !important;
}
.opp-card.active .avatar {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.opp-card .turn-chip {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

.center-panel,
.deck-panel {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.panel-caption {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group {
  border: 1px solid rgba(255, 215, 0, 0.42) !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.set-group:hover {
  border-color: #ffd700 !important;
  box-shadow:
    inset 4px 0 0 #ffd700,
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#actions .actions-primary {
  background:
    radial-gradient(ellipse 96% 160% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 58%),
    radial-gradient(ellipse 52% 75% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(160deg, rgba(18, 36, 58, 0.88), rgba(6, 14, 26, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn {
  border: 1px solid rgba(255, 215, 0, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
#actions .btn:not([disabled]):hover {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
#actions .btn-draw:not([disabled]) {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-elden:not([disabled]) {
  box-shadow:
    0 14px 44px rgba(76, 175, 136, 0.4),
    0 0 48px rgba(143, 212, 184, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#actions .btn-throw:not([disabled]),
#actions .btn-discard:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#actions .btn-secondary:not([disabled]) {
  border-color: #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#rack-section {
  box-shadow:
    0 -8px 108px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 220, 160, 0.4) !important;
}
#rack-section.my-turn {
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 48px rgba(255, 215, 0, 0.42),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-section.throw-ready {
  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.4),
    0 0 48px rgba(255, 138, 0, 0.4),
    0 -8px 108px rgba(0, 0, 0, 0.55) !important;
}
#rack-container.istaka-well,
#rack-container {
  border: 1px solid rgba(196, 154, 98, 0.45) !important;
  box-shadow:
    inset 0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 14px 44px rgba(255, 200, 140, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.rack-arrange-btn.open:not(:disabled) {
  box-shadow: 0 14px 44px rgba(230, 81, 0, 0.4), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.rack-arrange-btn.finish:not(:disabled) {
  box-shadow: 0 14px 44px rgba(255, 215, 0, 0.42), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.tile.selected {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.55) !important;
}

#btn-chat,
#btn-gift,
.dock-btn {
  border-color: #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#btn-chat:hover,
#btn-gift:hover,
.dock-btn:hover {
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

@media (prefers-reduced-motion: reduce) {
  .opp-card,
  .set-group,
  #actions .btn,
  .rack-arrange-btn,
  #btn-chat,
  #btn-gift,
  .dock-btn,
  #turn-banner {
    animation: none !important;
    transition: none !important;
  }
  .opp-card:hover,
  .set-group:hover,
  #actions .btn:not([disabled]):hover,
  .rack-arrange-btn:hover,
  #btn-chat:hover,
  #btn-gift:hover,
  .dock-btn:hover {
    transform: none !important;
  }
}

/* ── Pass 3856: Lobby / Matchmaking deepen ── */
















#lobby-overlay {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255, 215, 0, 0.22), transparent 52%),
    radial-gradient(ellipse at 4% 70%, rgba(26, 107, 82, 0.25), transparent 46%),
    radial-gradient(ellipse at 98% 100%, rgba(255, 140, 0, 0.2), transparent 44%),
    linear-gradient(175deg, #040810 0%, #0a101c 52%, #050e18 100%) !important;
}
.lobby-title,
.lobby-brand {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-play-hero {
  background:
    radial-gradient(ellipse 99% 130% at 4% 50%, rgba(255, 152, 0, 0.42), transparent 56%),
    linear-gradient(105deg, rgba(255, 152, 0, 0.22), rgba(18, 36, 58, 0.88) 36%, rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-play-hero:hover {
  box-shadow:
    0 14px 44px rgba(230, 81, 0, 0.4),
    0 0 48px rgba(255, 152, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-play-hero .lph-ico {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-play-hero .lph-copy strong {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.lobby-mode-toggle {
  border: 1px solid #ffd700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-mode-btn.active {
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.lobby-btn.create {
  border: 1px solid rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    0 14px 44px rgba(26, 107, 82, 0.4),
    0 0 48px rgba(26, 107, 82, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
.lobby-btn.refresh {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-icon {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lobby-cta-action {
  border-color: #ffd700 !important;
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

#mm-overlay,
.lobby-waiting,
#mf-overlay {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255, 215, 0, 0.42), transparent 54%),
    radial-gradient(ellipse at 6% 94%, rgba(26, 107, 82, 0.25), transparent 48%),
    radial-gradient(ellipse at 98% 66%, rgba(255, 140, 0, 0.2), transparent 46%),
    rgba(4, 8, 18, 0.995) !important;
}
.mm-card,
.lw-card {
  background:
    radial-gradient(ellipse 99% 64% at 50% 0%, rgba(255, 215, 0, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 52% at 100% 100%, rgba(255, 152, 0, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(18, 36, 58, 0.88), rgba(6, 12, 24, 0.995)) !important;
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-card.is-almost,
.lw-card.is-almost {
  border-color: #ff9800 !important;
  box-shadow:
    0 0 0 5px rgba(255, 152, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.mm-card h2,
.lw-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled,
.mf-seat.filled {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-seat.filled.me,
.mf-seat.me {
  border-color: rgba(143, 212, 184, 0.4) !important;
  box-shadow:
    inset 4px 0 0 #8fd4b8,
    0 0 48px rgba(26, 107, 82, 0.4),
    0 14px 44px rgba(0, 0, 0, 0.55) !important;
}
.mm-progress > i,
.lw-progress > i {
  box-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mm-tip,
.lw-tip {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.lw-code-wrap {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 48px rgba(255, 215, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
#mm-overlay .btn-cancel,
.lw-cancel {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 152, 0, 0.42) !important;
}
.lw-share {
  border: 1px solid #ffd700 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-card {
  border: 1px solid #ffd700 !important;
  box-shadow:
    0 0 0 5px rgba(255, 215, 0, 0.42),
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 48px rgba(255, 215, 0, 0.42) !important;
}
.mf-title {
  text-shadow: 0 0 48px rgba(255, 215, 0, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lobby-play-hero,
  .lobby-mode-btn,
  .lobby-btn.create,
  .lobby-btn.refresh,
  .mm-card,
  .lw-card,
  .mf-card {
    animation: none !important;
    transition: none !important;
  }
  .lobby-play-hero:hover,
  .lobby-btn.create:hover,
  .lobby-btn.refresh:hover {
    transform: none !important;
  }
}

/* ── Pass 3857: Layout reinforce — rack+actions + ATILAN@turn-row ── */
#table-dock { display: none !important; }
#game { padding-bottom: 4px !important; }
#middle { min-height: 0 !important; flex: 1 1 auto !important; }
#turn-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 10px 2px !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#turn-row > #turn-banner {
  margin: 0 !important;
  align-self: center !important;
  flex: 0 1 auto !important;
}
#turn-row > .discard-panel {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 72px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 4px 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border-radius: 14px !important;
  align-self: stretch !important;
}
#turn-row > .discard-panel .panel-caption {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
}
#turn-row #discard-pile {
  min-height: 0 !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
#turn-row #discard-pile .mini-tile.discard-top {
  width: 34px !important;
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}
#turn-row #discard-pile .discard-trail .mini-tile {
  width: 16px !important;
  height: 20px !important;
  font-size: 7px !important;
}
#turn-row #discard-pile .discard-meta { font-size: 8px !important; }
#turn-row #discard-pile .panel-empty-discard {
  min-height: 36px !important;
  padding: 4px 6px !important;
  gap: 2px !important;
}
#turn-row #discard-pile .panel-empty-discard .pe-txt { font-size: 9px !important; }
#center-board .center-stage {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .opened-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
#center-board .center-stage > .discard-panel { display: none !important; }
#rack-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
#rack-row > #rack-section {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
#rack-row > #actions {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
}
#rack-row > #actions .actions-primary {
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  padding: 0 !important;
}
#rack-row > #actions .btn {
  min-width: 72px !important;
  width: 100% !important;
  min-height: 40px !important;
}
#topbar #rack-indicators,
#topbar .indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#topbar #rack-indicators .ind-pair {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
#topbar #rack-indicators .indicator-box {
  width: 26px !important;
  height: 34px !important;
  font-size: 11px !important;
}
#topbar #rack-indicators .ind-cap {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: rgba(255, 224, 130, 0.9) !important;
}
#topbar .tb-dock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 4px !important;
}
#topbar .tb-dock-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  background: linear-gradient(145deg, rgba(18, 32, 58, 0.96), rgba(8, 18, 37, 0.98)) !important;
  color: #ffd700 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
#topbar .tb-dock-btn#btn-gift {
  border-color: rgba(255, 106, 0, 0.55) !important;
  color: #ff8a00 !important;
}
#topbar .tb-dock-btn .dock-ico {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
}
#topbar .tb-dock-btn .dock-ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}